如何使用特定的 HTML 模板而不是默认模板启动我的 CKEditor 实例?
How start my CKEditor instance with a specific HTML template instead of the default one?
我是 CKEditor 的新手,我会以这种方式使用它。
我让 CKEditor 可供用户创建自己的页面并将其保存到数据库中。它就像一个魅力,但我想要更多。
- 在每个新实例上,加载不同的 HTML 模板而不是默认模板 ( )
我在哪里可以更改此默认模板?
- 此外,我会在我的模板中放入一个用户根本无法更改的 div(具有特定 ID)。
这有可能吗?
谢谢
假设您正在为您的编辑器使用 textarea
元素,您可以简单地将您的模板包含在该文本区域中,如下所示:
<textarea id="editor1" rows="10" cols="80">
This is my template
</textarea>
如果您需要动态获取模板 HTML(例如从数据库中),您可以在页面加载时执行此操作:
var template = getMyTemplateHtmlFromDB(); // You need to implement this of course
document.getElementById("editor1").value = template;
至于不可触摸的 div
元素,您可以在编辑时捕获击键并防止尝试更改此元素,甚至创建 CKEditor widget 以仅允许一组 [=23] 中的特定内容=] 元素,但如果你只想用 div
包装用户生成的内容,这似乎需要很多工作。您可以稍后在保存动态内容或在某处显示它时简单地添加 div
。
我是 CKEditor 的新手,我会以这种方式使用它。 我让 CKEditor 可供用户创建自己的页面并将其保存到数据库中。它就像一个魅力,但我想要更多。
- 在每个新实例上,加载不同的 HTML 模板而不是默认模板 ( )
我在哪里可以更改此默认模板?
- 此外,我会在我的模板中放入一个用户根本无法更改的 div(具有特定 ID)。
这有可能吗?
谢谢
假设您正在为您的编辑器使用 textarea
元素,您可以简单地将您的模板包含在该文本区域中,如下所示:
<textarea id="editor1" rows="10" cols="80">
This is my template
</textarea>
如果您需要动态获取模板 HTML(例如从数据库中),您可以在页面加载时执行此操作:
var template = getMyTemplateHtmlFromDB(); // You need to implement this of course
document.getElementById("editor1").value = template;
至于不可触摸的 div
元素,您可以在编辑时捕获击键并防止尝试更改此元素,甚至创建 CKEditor widget 以仅允许一组 [=23] 中的特定内容=] 元素,但如果你只想用 div
包装用户生成的内容,这似乎需要很多工作。您可以稍后在保存动态内容或在某处显示它时简单地添加 div
。