为tinyMCE编辑器的部分内容添加边框

时间:2016-04-07 13:05:44

标签: tinymce

我希望使用与word相同的选项,在编辑器内容的选定部分周围添加边框。

有这样的选择吗?或任何插件吗? Google搜索不会针对此特定问题返回任何内容。

1 个答案:

答案 0 :(得分:0)

因为我找不到这个功能,所以我实际上制作了自己的插件,这里是:

tinymce.PluginManager.add('borderinsert', function(editor, url) {
    editor.addButton('border_insert', {
        text: 'Border',
        icon: false,
        onclick: function() {
            var text_selected = editor.selection.getContent();
            var text_modified = "<span style='border: 1px solid black; padding: 1pt 2pt;'>"+text_selected+"</span>";
            editor.selection.setContent(text_modified);
        }
    });
});

在您的tinymce插件目录中创建一个新文件夹并将其命名为borderinsert 创建一个名为plugin.min.js的新文件,将代码粘贴到其中,然后在您的tinymce init中添加插件名称,如下所示:

tinymce.init({
   ...
   your options
   ...
   plugins: [... your plugins ... , borderinsert],
   toolbar1: "border_insert"
相关问题