允许TinyMCE中的自定义标签与indexhibit集成

问题描述

|| 我试图允许将一些自定义标签输入TinyMCE。标签是

<plug:plugin_name />

但是，这变成了

<plug:plugin_name></plug:plugin_name>

我将要编写正则表达式来处理此问题，因为我必须完成工作，我确实宁愿不这样做，但是它将解决我的问题。 我已经尝试了许多init选项：

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的最新版本一起使用吗？ 另外，另一个问题是在我用正则表达式修复后，编辑器会剥离标签！     

解决方法

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

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\'

这是个摆弄的小提琴。     ,代替：

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

这样行吗？

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

注意没有：修饰符的最后一项\“ plug \”。     ,您尝试过此选项吗？

valid_elements: \"a,br,span,plug:plugin_name,another:tag\"

    ,首先让我们为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\' 
    });

    });

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

tinyMCE.init({
   encoding : \"raw\"
})