24

我正在尝试允许将一些自定义标签输入到 TinyMCE 中。标签是

<plug:plugin_name />

然而这变成了

<plug:plugin_name></plug:plugin_name>

我即将编写一个正则表达式来处理这个问题，因为我必须完成工作，我真的不想这样做，但它会解决我的问题。

我尝试了许多初始化选项：

extended_valid_elements : "plug.plugin_name[*]",
custom_elements: "plug.plugin_name[*]",
verify_html : false, **//This ment that the tag wasn't ouright removed**
selfclosetags : \" />\", //some plugin I found, didn't seem to work
closed : /^(br|hr|input|meta|img|link|param|area|plug:plugin_name)$/,

其他任何人肯定可以使用最新版本的 TinyMCE 吗？

另外，另一个问题是编辑器会在我用正则表达式修复它之后去掉标签！

4

5 回答 5

2

您只需要将其添加到短端元素列表中：

extended_valid_elements : "plug:plugin_name[*]",
custom_elements: "~plug:plugin_name[*]",
short_ended_elements: 'area base basefont br col frame hr img input isindex link meta param embed source wbr track plug:plugin_name'

这是一个要演示的小提琴。

于 2014-10-14T04:25:02.687 回答
0

代替：

closed : /^(br|hr|input|meta|img|link|param|area|plug:plugin_name)$/,

这行得通吗？

closed : /^(br|hr|input|meta|img|link|param|area|plug)$/,

注意最后一项没有 : 修饰符的“plug”。

于 2012-01-10T05:15:45.253 回答
0

你试过这个选项吗？

valid_elements: "a,br,span,plug:plugin_name,another:tag"
于 2013-10-14T18:23:11.733 回答
0

您可以将编码方法作为原始数据用于任何类型的数据。

tinyMCE.init({
   encoding : "raw"
})
于 2013-12-26T07:21:26.910 回答
0

  1. 首先让我们为您的 Tinymce 4 编辑器创建一个自定义插件。然后为这个插件添加一个菜单项： 

     tinymce.PluginManager.add('YOUR_CUSTOM_PLUGIN_NAME_HERE', function(editor, url){
           //add first menu item
    editor.addMenuItem('YOUR_MENU_ITEM1_CUSTOM_NAME_HERE', {

    text: 'Menu Item 1',
    context: 'YOUR_CUSTOM_DROP_DOWN_MENU_NAME', 
    onclick: function() {
       //make the magic happen when the user click this menu here...
    } });

    您已经完成了自定义插件和自定义菜单项的创建，让我们实际将其添加到 Tinymce 4 编辑器中。这将在 tinymce.init 方法中完成：

    tinymce.init({
        selector: "textarea",
        plugins: "YOUR_CUSTOM_PLUGIN_NAME_HERE",
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",

    //this is how you will get your custom menu like in the above image
            menu : {
                 YOUR_CUSTOM_DROP_DOWN_MENU_NAME: {

                     title: 'Name it whatever you like here',
                     items: 'YOUR_MENU_ITEM1_CUSTOM_NAME_HERE YOUR_MENU_ITEM2_CUSTOM_NAME_HERE YOUR_MENU_ITEM3_CUSTOM_NAME_HERE'
                 }
             },

             menubar: 'YOUR_CUSTOM_DROP_DOWN_MENU_NAME' 
    });

    });
于 2013-12-31T12:29:43.563 回答