Empêcher TinyMCE de supprimer des éléments de portée

J'ai le même problème et j'ai trouver des solutions. Tiny MCE supprimé la balise SPAN, sans arrtibute. Essayez-nous span avec la classe ou un autre attrib. par exemple:

<h3><span class="emptyClass">text</span></h3>

En TinyMCE 4+ cette méthode de travail efficace.

Essayez ceci pour la version 3.5.8:

1. Remplacer cleanupStylesWhenDeleting dans tiny_mce_src.js (ligne 1121)::

    function cleanupStylesWhenDeleting() {
           function removeMergedFormatSpans(isDelete) {
                   var rng, blockElm, wrapperElm, bookmark, container, offset, elm;
                   function isAtStartOrEndOfElm() {
                           if (container.nodeType == 3) {
                                   if (isDelete && offset == container.length) {
                                           return true;
                                   }
   
                                   if (!isDelete && offset === 0) {
                                           return true;
                                   }
                           }
                   }
   
                   rng = selection.getRng();
                   var tmpRng = [rng.startContainer, rng.startOffset, rng.endContainer, rng.endOffset];
   
                   if (!rng.collapsed) {
                           isDelete = true;
                   }
   
                   container = rng[(isDelete ? 'start' : 'end') + 'Container'];
                   offset = rng[(isDelete ? 'start' : 'end') + 'Offset'];
   
                   if (container.nodeType == 3) {
                           blockElm = dom.getParent(rng.startContainer, dom.isBlock);
   
                           //On delete clone the root span of the next block element
                           if (isDelete) {
                                   blockElm = dom.getNext(blockElm, dom.isBlock);
                           }
   
                           if (blockElm && (isAtStartOrEndOfElm() || !rng.collapsed)) {
                                   //Wrap children of block in a EM and let WebKit stick is
                                   //runtime styles junk into that EM
                                   wrapperElm = dom.create('em', {'id': '__mceDel'});
   
                                   each(tinymce.grep(blockElm.childNodes), function(node) {
                                           wrapperElm.appendChild(node);
                                   });
   
          blockElm.appendChild(wrapperElm);
                           }
                   }
   
                   //Do the backspace/delete action
                   rng = dom.createRng();
                   rng.setStart(tmpRng[0], tmpRng[1]);
                   rng.setEnd(tmpRng[2], tmpRng[3]);
                   selection.setRng(rng);
                   editor.getDoc().execCommand(isDelete ? 'ForwardDelete' : 'Delete', false, null);
   
                   //Remove temp wrapper element
                   if (wrapperElm) {
                           bookmark = selection.getBookmark();
   
                           while (elm = dom.get('__mceDel')) {
                                   dom.remove(elm, true);
                           }
   
                           selection.moveToBookmark(bookmark);
                   }
           }
   
   
               editor.onKeyDown.add(function(editor, e) {
                   var isDelete;
   
                   isDelete = e.keyCode == DELETE;
                   if (!isDefaultPrevented(e) && (isDelete || e.keyCode == BACKSPACE) && !VK.modifierPressed(e)) {
                           e.preventDefault();
                           removeMergedFormatSpans(isDelete);
                   }
           });
   
           editor.addCommand('Delete', function() {removeMergedFormatSpans();});
   };
   

2. mettre un lien externe à tiny_mce_src.js dans votre code html ci-dessous la tiny_mce.js

Tinymce supprimer la balise span, sans attribut. Nous pouvons utiliser span avec un attribut de sorte qu'il n'est pas supprimé.

e.g <span class="my-class">Mahen</span>

Suis tombé sur cette question et n'a pas été heureux avec toutes les réponses.

Nous avons besoin de mettre à jour wordpress à un certain point, de sorte qu'un changement de fichiers de base n'est pas une option. Ajouter des attributs aux éléments juste pour corriger une tinyMCE comportement ne semble pas être la bonne chose.

À la suite de l'hameçon dans le functions.php fichier tinyMCE n'enlèvera plus vide <span></span> balises.

function tinyMCEoptions($options) {
    //$options is the existing array of options for TinyMCE
    //We simply add a new array element where the name is the name
    //of the TinyMCE configuration setting.  The value of the array
    //object is the value to be used in the TinyMCE config.

    $options['extended_valid_elements'] = 'span';
    return $options;
}
add_filter('tiny_mce_before_init', 'tinyMCEoptions');