Düğme kısıtlamasıyla tümleştirme için TinyMCE'de özel etiketlere izin verilmesi

Question

TinyMCE'e bazı özel etiketler girilmesine izin vermeye çalışıyorum. etiketi, gerçekten tercih ederim, ancak bu

Ben işin yapılması için olduğu gibi bu başa için bir normal ifade yazmak üzereyim

<plug:plugin_name></plug:plugin_name> 

dönüştü

<plug:plugin_name /> 

olduğunu ama sorunumu düzeltir. Başka

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)$/, 

herkes kesinlikle bu TinyMCE bir yeni versiyonuyla çalışmak lazım:

ben init seçeneklerinin çoğunu denedim?

Ayrıca, başka bir sorun da regex ile düzeltildikten sonra editör etiketi kaldıracak! Yerine

Answer 1

:

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

bu çalışır mı?

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

Son öğe "eklentisi" ni şu şekilde ekleyin: değiştirici.

Answer 2

Bu seçeneği denediniz mi?

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

Answer 3

Kodlama yöntemini, herhangi bir veri türü için ham olarak kullanabilirsiniz.

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

Answer 4

1. İlk o zaman bu eklenti için bir menü öğesi eklemek için TinyMCE 4 editor.and için özel bir eklentisi oluşturmanızı sağlar:

   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... 
       } }); 
   

   size özel eklenti ve özel menü öğeleri oluşturma yapılır , aslında Tinymce 4 editörüne ekleyelim. Bu tinymce.init yönteminde yapılacaktır:

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

Answer 5

sadece kısa uçlu elemanların listesine eklemek gerekir:

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' 

İşte göstermek için bir fiddle bu.