Question

我有一个允许我从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'
        } );
     }
});

谢谢，祝你有个美好的一天。

编辑：我的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>

Answer 1

我已经尝试过这段代码，但现在可以使用，这是解决方案

＆＃13;

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

＆＃13;

如何删除div标签？

1 个答案: