使用 ckeditor 功能对小段文本进行样式化
Using ckeditor functionality for styling small pieces of text
我目前是内容管理系统 (FreeToastHost) 的唯一开发者，该系统用于为全球 10,000 多个 Toastmasters public 演讲俱乐部制作免费网站。 CKEditor 是我们用来使这个系统成为可能的关键开源插件之一。我们的用户通常技术含量很低，系统旨在让他们尽可能简单地创建网站。除了与 CKEditor 一起用于页面内容创作的 full-blown 文本区域之外，我在我们的配置工具表单中还有许多文本输入，允许我们的用户对在不同地方使用的文本 "snippets" 进行一些样式设置通过输入基本 BBCode 在系统中。例如，标头中使用的俱乐部标识文本（为了我们的用户利益称为 "banner"）支持 BBCode 的条目：
我倾向于认为要求我们的用户输入 BBCode 对他们中的一些人来说似乎过于技术化，我正在寻找一种方法来使用我们已经用于这些小的、可能有样式的文本的 CKeditor 功能片段。理想的是一个基本的简单浮动样式工具栏，它会在用户单击输入时显示。由于这些是当前输入，我想我可能必须将它们转换为 content-editable div 或文本区域以与 CKEditor 一起使用（不希望转换），并为 pop-up 工具栏创建一个新配置仅用于这些控件。有没有人用 CKEditor 做过这样的事情？什么是最好的方法？
一个简单的例子：http://jsfiddle.net/jhvtz6pb/
加载 CKEditor 脚本和 CSS 样式：
<script src="http://cdn.ckeditor.com/4.4.7/standard-all/ckeditor.js"></script>
<link href="http://sdk.ckeditor.com/theme/css/sdk-inline.css" rel="stylesheet">
然后，只需将 contenteditable="true" 属性添加到要编辑的元素即可。
我目前是内容管理系统 (FreeToastHost) 的唯一开发者，该系统用于为全球 10,000 多个 Toastmasters public 演讲俱乐部制作免费网站。 CKEditor 是我们用来使这个系统成为可能的关键开源插件之一。我们的用户通常技术含量很低，系统旨在让他们尽可能简单地创建网站。除了与 CKEditor 一起用于页面内容创作的 full-blown 文本区域之外，我在我们的配置工具表单中还有许多文本输入，允许我们的用户对在不同地方使用的文本 "snippets" 进行一些样式设置通过输入基本 BBCode 在系统中。例如，标头中使用的俱乐部标识文本（为了我们的用户利益称为 "banner"）支持 BBCode 的条目：
我倾向于认为要求我们的用户输入 BBCode 对他们中的一些人来说似乎过于技术化，我正在寻找一种方法来使用我们已经用于这些小的、可能有样式的文本的 CKeditor 功能片段。理想的是一个基本的简单浮动样式工具栏，它会在用户单击输入时显示。由于这些是当前输入，我想我可能必须将它们转换为 content-editable div 或文本区域以与 CKEditor 一起使用（不希望转换），并为 pop-up 工具栏创建一个新配置仅用于这些控件。有没有人用 CKEditor 做过这样的事情？什么是最好的方法？
一个简单的例子：http://jsfiddle.net/jhvtz6pb/
加载 CKEditor 脚本和 CSS 样式：
<script src="http://cdn.ckeditor.com/4.4.7/standard-all/ckeditor.js"></script>
<link href="http://sdk.ckeditor.com/theme/css/sdk-inline.css" rel="stylesheet">
然后，只需将 contenteditable="true" 属性添加到要编辑的元素即可。