How can editor integration the plugins?

How can editor integration the plugins?

F.TorresF.Torres Posts: 12Questions: 4Answers: 0

I want to integration the ueditor in the editor.
When I create or update,I can use the uditor

This question has an accepted answers - jump to answer

Answers

  • tangerinetangerine Posts: 3,365Questions: 39Answers: 395

    I want to integration the ueditor in the editor.

    Please give a better explanation. I don't understand what you mean.

  • F.TorresF.Torres Posts: 12Questions: 4Answers: 0

    It is a rich editor,it can edit text,photo,music and so on.

  • allanallan Posts: 63,678Questions: 1Answers: 10,497 Site admin
    Answer ✓

    The documentation on how to create a field type plug-in for Editor is available here in the Manual.

    There are a number of ready made plug-ins which include rich text plug-ins for CKEditor, TinyMCE and Quill.

    Allan

  • F.TorresF.Torres Posts: 12Questions: 4Answers: 0

    OK.I find a js write by other people.and now I can integration the ueditor.
    and I write this code if some people have same problem
    Thanks allan
    /**
    * new $.fn.dataTable.Editor( {
    * "ajax": "php/dates.php",
    * "table": "#example",
    * "fields": [ {
    * "label": "Notes:",
    * "name": "notes",
    * "type": "ueditor",
    * "opts": {
    * toolbars : [['anchor']],
    * // additional options if required...
    * }
    * },
    * // additional fields...
    * ]
    * } );
    */

    (function(factory) {
    if (typeof define === 'function' && define.amd) {
    // AMD
    define(['jquery', 'datatables', 'datatables-editor'], factory);
    }
    else if (typeof exports === 'object') {
    // Node / CommonJS
    module.exports = function($, dt) {
    if (!$) {
    $ = require('jquery');
    }
    factory($, dt || $.fn.dataTable || require('datatables'));
    };
    }
    else if (jQuery) {
    // Browser standard
    factory(jQuery, jQuery.fn.dataTable);
    }
    }

    (function($, DataTable) {
    'use strict';

    if (!DataTable.ext.editorFields) {
        DataTable.ext.editorFields = {};
    }
    
    var _fieldTypes = DataTable.Editor ?
            DataTable.Editor.fieldTypes :
            DataTable.ext.editorFields;
    
    
    _fieldTypes.ueditor = {
        create: function(conf) {
            var that = this;
            conf._safeId = DataTable.Editor.safeId(conf.id);
    
            conf._input = $('<div><textarea id="' + conf._safeId + '" style="height:300px;"></textarea></div>');
            this
                .on('open.ueditorInit-' + conf._safeId, function() {
                    var options = $.extend(true, {
                        //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
                        toolbars:[
                            [
                                'anchor', //锚点
                                'undo', //撤销
                                'redo', //重做
                                'bold', //加粗
                                'indent', //首行缩进
                                'snapscreen', //截图
                                'italic', //斜体
                                'underline', //下划线
                                'strikethrough', //删除线
                                'subscript', //下标
                                'fontborder', //字符边框
                                'superscript', //上标
                                'formatmatch', //格式刷
                                'source', //源代码
                                'blockquote', //引用
                                'pasteplain', //纯文本粘贴模式
                                'selectall', //全选
                                'print', //打印
                                'preview', //预览
                                'horizontal', //分隔线
                                'removeformat', //清除格式
                                'time', //时间
                                'date', //日期
                                'unlink', //取消链接
                                'insertrow', //前插入行
                                'insertcol', //前插入列
                                'mergeright', //右合并单元格
                                'mergedown', //下合并单元格
                                'deleterow', //删除行
                                'deletecol', //删除列
                                'splittorows', //拆分成行
                                'splittocols', //拆分成列
                                'splittocells', //完全拆分单元格
                                'deletecaption', //删除表格标题
                                'inserttitle', //插入标题
                                'mergecells', //合并多个单元格
                                'deletetable', //删除表格
                                'cleardoc', //清空文档
                                'insertparagraphbeforetable', //"表格前插入行"
                                'insertcode', //代码语言
                                'fontfamily', //字体
                                'fontsize', //字号
                                'paragraph', //段落格式
                                'simpleupload', //单图上传
                                'insertimage', //多图上传
                                'edittable', //表格属性
                                'edittd', //单元格属性
                                'link', //超链接
                                'emotion', //表情
                                'spechars', //特殊字符
                                'searchreplace', //查询替换
                                'map', //Baidu地图
                                'insertvideo', //视频
                                'justifyleft', //居左对齐
                                'justifyright', //居右对齐
                                'justifycenter', //居中对齐
                                'justifyjustify', //两端对齐
                                'forecolor', //字体颜色
                                'backcolor', //背景色
                                'insertorderedlist', //有序列表
                                'insertunorderedlist', //无序列表
                                'fullscreen', //全屏
                                'directionalityltr', //从左向右输入
                                'directionalityrtl', //从右向左输入
                                'rowspacingtop', //段前距
                                'rowspacingbottom', //段后距
                                'pagebreak', //分页
                                'insertframe', //插入Iframe
                                'imagenone', //默认
                                'imageleft', //左浮动
                                'imageright', //右浮动
                                'attachment', //附件
                                'imagecenter', //居中
                                'wordimage', //图片转存
                                'lineheight', //行间距
                                'edittip ', //编辑提示
                                'customstyle', //自定义标题
                                'autotypeset', //自动排版
                                'webapp', //百度应用
                                'touppercase', //字母大写
                                'tolowercase', //字母小写
                                'background', //背景
                                'template', //模板
                                'scrawl', //涂鸦
                                'music', //音乐
                                'inserttable', //插入表格
                                'drafts', // 从草稿箱加载
                                'charts', // 图表
                            ]
                        ],
                        //关闭elementPath
                        elementPathEnabled:false,
                        lang:'zh-cn',
                        //默认的编辑区域高度
                        initialFrameHeight:300
                    }, conf.opts);
    
                    var editor = UE.getEditor(conf._safeId, options);
                    editor.addListener( 'ready', function( editor ) {
                        $("#" + conf._safeId).removeClass("form-control");
                        if (editor && conf._initSetVal) {
                            UE.getEditor(conf._safeId).setContent(conf._initSetVal, false);
                            conf._initSetVal = null;
                        }
                    });
                })
                .on('close.ueditorInit-' + conf._safeId, function() {
                    var editor = UE.getEditor(conf._safeId);
                    if (editor) {
                        editor.destroy();
                    }
    
                    conf._initSetVal = null;
                    conf._input.find('textarea').val('');
                });
            return conf._input;
        },
        get: function(conf) {
            if ($("#" + conf._safeId).size() > 0) {
                return UE.getEditor(conf._safeId).getContent();
            }
            return conf._initSetVal;
        },
        set: function(conf, val) {
            conf._initSetVal = val;
            if ($("#" + conf._safeId).size() > 0) {
                return UE.getEditor(conf._safeId).setContent(val);
            }
        },
        enable: function(conf) {
            if ($("#" + conf._safeId).size() > 0) {
                UE.getEditor(conf._safeId).setEnabled();
            }
        },
    
        disable: function(conf) {
            if ($("#" + conf._safeId).size() > 0) {
                UE.getEditor(conf._safeId).setDisabled('fullscreen');
            }
        },
        ueditor: function(conf) {
            return UE.getEditor(conf._safeId);
        }
    
    };
    

    }));

This discussion has been closed.