Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 制作TinyMCE“;上下文工具栏“;可定制的_Javascript_Tinymce - Fatal编程技术网

Javascript 制作TinyMCE“;上下文工具栏“;可定制的

Javascript 制作TinyMCE“;上下文工具栏“;可定制的,javascript,tinymce,Javascript,Tinymce,我正在尝试自定义编辑器区域中现有的上下文工具栏: 我希望“内容”像其他元素一样可编辑,但TinyMCE不允许我这样做,它总是向我显示“编辑/删除”上下文工具栏 我想将“编辑”功能分配给另一个元素,它将显示我的自定义弹出菜单 即使在TinyMCE网站上也没有相关信息 如何自定义该工具栏?在Tinymce Init函数中,将上下文工具栏添加到所需的dom元素并添加自定义按钮,如下所示: tinymce.init({ selector: '#main' , s

我正在尝试自定义编辑器区域中现有的上下文工具栏:

  • 我希望“内容”像其他元素一样可编辑,但TinyMCE不允许我这样做,它总是向我显示“编辑/删除”上下文工具栏
  • 我想将“编辑”功能分配给另一个元素,它将显示我的自定义弹出菜单
即使在TinyMCE网站上也没有相关信息


如何自定义该工具栏?

在Tinymce Init函数中,将上下文工具栏添加到所需的dom元素并添加自定义按钮,如下所示:

tinymce.init({
         selector: '#main'
         , setup: function (main) {                
            main.addContextToolbar('span#content', 'editContent | deleteContent');//first parameter is the selector and second is a list of custom buttons list separated by pipe
            main.addButton('editContent', {
               icon: 'fa fa-pencil' //using font-awesome icons
               , tooltip: "Edit"
               , onclick: function (e) {
                  //Logic to make the content editable.
               }
            });
            main.addButton('deleteContent', {
               icon: 'fa fa-close' //using font-awesome icons
               , tooltip: "Delete"
               , onclick: function (e) {
                  //Logic to delete the content.
               }
            });
        }
    });

谢谢,几乎没有这方面的文档