divタグを削除するには？

divからスタイルを削除できるプラグインがあります。 divタグも削除したいと思います。プラグインは、このアクションを実現した瞬間のためにdivタグを削除するには？

：

<div class="GCO9_TDM"><p>text</p></div> --> <div><p>text</p></div>

これは私のプラグインのコードです：

CKEDITOR.plugins.add('supprimerDivision', { 
 
icons: 'supprimerDivision', 
 
    init: function(editor) { 
 

 
     editor.addCommand('supprimerDivision', { 
 
      exec: function(editor) { 
 

 
       var element = editor.getSelection().getStartElement(); 
 
        while (element) { 
 
         if (element.getName() == 'div') { 
 
          element.setAttribute('class', ''); 
 
          break; 
 
         } 
 

 
         element = element.getParent(); 
 
        } 
 
      } 
 
     }); 
 
       
 
     editor.ui.addButton('supprimerDivision', { 
 
      label: 'supprime la division', 
 
      command: 'supprimerDivision', 
 
      toolbar: 'insert' 
 
     }); 
 
    } 
 
});

おかげで、良い一日持っています。

EDIT：私のhtmlコード

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8"> 
 
     <meta http-equiv="cache-control" content="no-cache"> 
 
     <title>Editeur</title> 
 
     <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <!-- emplacement de ckeditor --> 
 
     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
 
    </head> 
 
    <body> 
 

 
     <form action="enregistrementBDD.php" method="post"> 
 
      <textarea id="editor" name="editor">  
 

 
      </textarea> 
 
      <script> 
 
       CKEDITOR.replace('editor', {  //remplace le textarea par une instance de ckeditor 
 
         height: 600,    //taille de la fênetre 
 

 
         allowedContent: true, //permet de définir des règles de contenu autorisé (true désactive le filtre) 
 

 
         //startupOutlineBlocks: true, //autorise le plugin showblock a être actif dès le lancement 
 

 
         toolbarCanCollapse: true, //permet de cacher la barre d'outil via un bouton situé en bas à droite des menus 
 

 

 
         extraPlugins: 'espace,'+ 
 
         'ckeditor_wiris,'+ 
 
         'dropdownmenumanager,'+ 
 

 
         'raccourciClavier,'+ 
 
         'supprimerStyle,'+ 
 
         'supprimerDivision,'+ 
 

 
         
 

 
         'GCO12_DocIll,'+ 
 
         'SLT2_Num_XXX1_DocIll,'+ 
 
         'STI1_Titre_XXX1_DocIll', 
 

 
         //fullPage: true, //page HTML complète avec balise <html>, <head>, <body>... 
 
       }); 
 
      </script> 
 
     </form> 
 

 
    </body> 
 
</html>

出典

2017-07-07 DakaYd0

私はすでにこのコードを試してみましたが、それは

出典

2017-07-07 09:15:55 DakaYd0

CKEDITOR.plugins.add('supprimerDivision', { 
icons: 'supprimerDivision', 
    init: function(editor) { 

     editor.addCommand('supprimerDivision', { 
      exec: function(editor) { 
       var parent; 
       var element = editor.getSelection().getStartElement(); 
       while (element) { 
         if (element.getName() == 'div') { 
          element.setAttribute('class', ''); 
          parent = element.parentElement; 
          elementContent = element.innerHTML ; 
          parent.removeChild(element); 
          parent.appendChild(elementContent); 

          break; 
         } 
         element = element.getParent(); 
       } 
      } 
     }); 

     editor.ui.addButton('supprimerDivision', { 
      label: 'supprime la division', 
      command: 'supprimerDivision', 
      toolbar: 'insert' 
     }); 
    } 
});

これは、DIVタグを削除し、ページ内のコンテンツを維持します。これがうまくいくと思っています。

出典

2017-07-07 07:53:51 Vineesh

CKEDITOR.plugins.add('supprimerDivision', { icons: 'supprimerDivision', init: function(editor) { editor.addCommand('supprimerDivision', { exec: function(editor) { var element = editor.getSelection().getStartElement(); while (element) { if (element.getName() == 'div') { element.setAttribute('class', ''); element.remove("div"); break; } element = element.getParent(); } } }); editor.ui.addButton('supprimerDivision', { label: 'supprime la division', command: 'supprimerDivision', toolbar: 'insert' }); } });

が、私はこのエラーを持っているソリューションここで、今作品である：キャッチされない例外TypeError：プロパティを読み取ることができません「とのremoveChild」未定義 – DakaYd0

のそれは意味します'element.parentElement'は何も返しませんでした。あなたのHTMLページを見ることはできますか？ – sjahan

変更を加えて投稿を編集しました – DakaYd0

divタグを削除するには？

答えて

関連する問題