gpt4 book ai didi

javascript - CKEditor 显示来自数据库的格式化(使用 CKEditor CSS)HTML

转载 作者:行者123 更新时间:2023-11-30 20:21:14 25 4
gpt4 key购买 nike

这是我的第一篇文章,所以我想说很高兴加入这个社区,我会尽我所能帮助别人,但我现在是需要帮助的人。

--问题

我在显示从 CKE 检索到的文本的正确样式时遇到问题与 .getData() ,保存到数据库中并显示在文章中。

--什么时候有效?

当我包含这个 CSS 时:

<link rel="stylesheet" href="\js\ckeditor\contents.css">

在我的 base.html.twig <head>标记,这会更改网站的 css。

--我需要做什么?

我需要做什么来避免冲突?还是有什么方法可以在不使其可编辑的情况下呈现文本?类似于 CKEDITOR.render(tagId)

--部分图片: enter image description here

enter image description here

问候

维克托

最佳答案

请看: https://docs.ckeditor.com/ckeditor4/latest/guide/dev_framed.html#content-styles-vs-page-styles https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss

如果您使用的是经典 CKEditor,那么它的内容将保存在带有单独文档的 iframe 中。为了设置内部文档的样式,CKEditor 将 contents.css 附加到它。由于单独 CSS 文件中的内部样式不会与 HTML 一起保存或合并到 HTML 中,因此在 contents.css 中使用与您希望在目标页面上看到的样式相同的样式很重要(保存位置内容将被使用)。

这不是 CKEditor 错误,而只是您需要在应用程序中应用的一种不同方法。

如果您正在为不同的页面创建内容,您可以创建一个大的 contents.css 文件,或者,在任何样式冲突的情况下,您可以根据某种逻辑动态加载多个 CSS 文件(它将需要编写一些代码来处理)使用 contentsCss环境。请注意,在动态 CSS 切换的情况下,您不想在 config.js 文件中使用 contentsCss,而是直接在 HTML 页面上的实例配置中使用,您可以在其中使用服务器端为 CKEditor 实例“吐出”正确配置的标签,例如

var editor = CKEDITOR.replace( 'editor1',{
language : 'en',
// other configuration settings
// ...
contentsCss : [ '/css/mysitestyles.css', '/css/anotherfile.css' ]
}

您可以使用服务器端标签,它将返回整个编辑器配置或仅返回这部分甚至在呈现 HTML 时更正文件路径。

关于javascript - CKEditor 显示来自数据库的格式化(使用 CKEditor CSS)HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51426250/

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