Answers

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

  May 2017

  I want to integration the ueditor in the editor.

  Please give a better explanation. I don't understand what you mean.
• F.Torres Posts: 12Questions: 4Answers: 0

  May 2017

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

  2222222222.png 28.3K
• allan Posts: 63,096Questions: 1Answers: 10,390 Site admin

  May 2017 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.Torres Posts: 12Questions: 4Answers: 0

  May 2017

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

  }));