ckeditor - ckeditor 的 HTML 源代码缩进

标签 ckeditor

当您在 HTML View 中向 ckeditor 添加一些代码,然后更改为 WYSIWYG View 并返回时,几乎所有 HTML 标记都已被修改并失去了缩进。有什么办法可以防止这种行为吗? (参数、插件、硬代码...)

例如:

<div class="former input">
    <span class="big horizontal">
        <label for="test">Hi world</label>
        <input class="medium free" id="test" name="test" type="text" />
    </span>
</div>

变成:

<div class="former input">
    <span class="big horizontal"><label for="test">Hi world</label><input class="medium free" id="test" name="test" type="text" /></span></div>

最佳答案

以下是开发人员指南中页面的链接:
Output Formatting

它解释了如何控制编辑器输出的 HTML 代码的布局,并有一个设置 <p> 格式的示例。标签。

尝试使用<p>将示例标记为模板并设置 <span> 的格式, <label><input>使用相同方法的标签。

writer.setRules( 'span',
writer.setRules( 'label',
writer.setRules( 'input',

祝你一切顺利,

关于ckeditor - ckeditor 的 HTML 源代码缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7512258/

相关文章:

javascript - CckEditor - 未捕获类型错误 : Cannot read property 'getSelection' of undefined

javascript - 无法在 ckeditor 中设置未定义的属性 'dir'

python - Django-ckeditor所有用户的上传权限;添加滚动条; & 根据屏幕尺寸自动调整编辑器宽度

php - 图片上传导致PDF库出错

javascript - 如何使用纯 JavaScript 追加后获取 html 元素?

css - 让 ckeditor 的样式表解析器工作

ckeditor - 在 CK 编辑器中添加印地语字体

javascript - 将图标 NewPage 从 CkEditor 转换为简单链接

jquery - 使用 Jquery 检测来自 CKEditor 的 onChange 事件

asp.net - CKEditor 在更新面板内无法正常工作