文章/答案/技术大牛

发布

社区首页 >问答首页 >如何删除div标签？

问如何删除div标签？
EN

Stack Overflow用户

提问于 2017-07-07 07:52:35

回答 1查看 231关注 0票数 2

我有一个插件，允许我从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>

javascript

plugins

ckeditor

ckeditor4.x

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-07-07 09:15:55

我已经尝试过这段代码了，但是它现在起作用了，下面是解决方案

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44965441

复制

相似问题

问如何删除div标签？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除div标签？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何删除div标签？
EN