2011-05-23 50 views
23

我试图让一些自定义标签被输入到TinyMCE中。标签是允许TinyMCE中的自定义标签与indexhibit集成

<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的工作吗?

此外,另一个问题将是编辑器将剥离标签,我已经修复了正则表达式!

+0

3.4.2另一个问题是,当编辑器第一次加载时,它也会删除标记! – 2011-05-24 13:52:36

+0

嗯,据我所知有效元素的检查(算法)已从版本3.9.x更改为3.4.x。你为什么使用3.4.x?这个版本仍然是测试版。如果足够稳定,我将切换到3.4.x。 – Thariama 2011-05-24 14:12:11

+0

需要保存什么样的信息?它可以做到没有标记或可能与其他元素? – Betamos 2011-06-19 18:57:53

回答

0

相反的:

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

工作的呢?

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

请注意最后一项“插件”没有:修饰符。

0

你试过这个选项吗?

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

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

tinyMCE.init({ 
    encoding : "raw" 
}) 
0
  1. 首先,让我们创建为您TinyMCE的4 editor.and一个自定义插件,然后为这个插件添加菜单项:

    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' 
        }); 
    
        }); 
    
1

你只需将它添加到短端的元素列表:

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' 

这里有一个fiddle证明。

相关问题