2011-05-23 48 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證明。

相關問題