javascript - 如何使用 Ckeditor 保存带有 div 和 html 属性的 HTML

标签 javascript html ckeditor

这是我的 HTML

<div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingOne">
        <h4 class="panel-title">
            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                Do I need to print my ticket?
            </a>
        </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body">
            <p>No, showing your e-ticket on your phone is fine. However, printing your ticket can sometimes make the process of entering an event easier/faster. </p>
        </div>
     </div>
 </div>

需要将其保存到数据库
当我保存它时CKEditor会自动转换<div><p>

最佳答案

为了从这个名为 CkEditor 的编辑器中检索数据,您必须使用方法 CKEDITOR.editor.getData,它是编辑器的一个实例。

<script>
    var data = CKEDITOR.instances.editor1.getData();
    //Then write your code here to save it 
</script>

关于javascript - 如何使用 Ckeditor 保存带有 div 和 html 属性的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55061593/

相关文章:

javascript - 使用动态创建的 DOM 元素在单击时添加样式

javascript - 带有 webpack 的 HTML 内联 javascript

javascript - Bootstrap :don't know how to make a stylish mega menu

javascript - 引用错误 : CKEDITOR is not defined

javascript - CKEditor 图像宽度和高度作为 HTML 属性而不是内联样式

javascript - 从 javascript 或 jquery 更新 spring 模型值

javascript - 如何关闭 map 上标记的所有信息窗口

javascript - CKEDITOR: "CKEDITOR.plugins.add(' ...,{ init:函数(编辑器)。 ."in this what is "编辑器”。?

javascript - 在javascript中将对象存储在数组中就是存储函数

javascript - 从网页中的脚本创建的表中导入 Excel 中的数据