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

Question

我希望有与 word 相同的选项，可以在编辑器内容的选定部分周围放置边框。

有这样的选择吗？或任何插件做吗？ Google 搜索 returns 没有关于这个特定问题的内容。

Answer 1

因为找不到这个功能，所以我自己做了一个插件，在这里:

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"

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

Add border to part of the content of a tinyMCE editor

tinymce