How can editor integration the plugins?

F.Torres

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

tangerine

I want to integration the ueditor in the editor.

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

F.Torres

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

allan

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.Torres

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);
    }

};

}));