gpt4 book ai didi

javascript - CKEditor 删除 和 标签

转载 作者:搜寻专家 更新时间:2023-10-31 22:11:40 28 4
gpt4 key购买 nike

我使用 CKEditor,如果我单击源按钮并粘贴如下 HTML 代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
</head>
<body>
<p>test</p>
</body>
</html>

并再次单击“来源”,然后提交表单,html , headbody标签被删除并保留 <p>test</p> !

CKEditor 配置:

CKEDITOR.replace('content', {
extraPlugins: 'font,panelbutton,colorbutton,colordialog,justify,indentblock,aparat,buyLink',
autoGrow_onStartup: true,
enterMode: CKEDITOR.ENTER_BR,
FullPage : false,
allowedContent : true,
ProtectedTags : 'html|head|body'
});

你能帮帮我吗?

最佳答案

如果你想编辑整个 HTML 页面,使用 <html> , <head><body>元素,你需要设置 config.fullPage true 的选项:

CKEDITOR.replace( 'content', {
fullPage: true,
extraPlugins: 'font,panelbutton,colorbutton,colordialog,justify,indentblock,aparat,buyLink',
// You may want to disable content filtering because if you use full page mode, you probably
// want to freely enter any HTML content in source mode without any limitations.
allowedContent: true,
autoGrow_onStartup: true,
enterMode: CKEDITOR.ENTER_BR
} );

注意在您的配置中使用正确的大小写( fullPage 不是 FullPage )。另请参阅以下资源以获取更多信息:

如果你想使用 config.autoGrow_onStartup选项,您需要包括 Auto Grow设置中的插件。

最后但同样重要的是,更改 Enter Mode设置为 BRDIV不推荐。默认 CKEDITOR.ENTER_P 所有编辑器功能和插件都完全支持该模式,并且在创建 Web 内容的最佳实践方面也是最正确的模式。

如果你这样做是为了控制段落间距,你应该改用样式表。编辑 contents.css文件并为 <p> 设置合适的 margin 值元素,例如:

p { margin: 0; }

关于javascript - CKEditor 删除 <html> 和 <body> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36028379/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com