在 bootstrap 富文本编辑器中自定义预览?
Customizing preview in bootstrap rich text editor?
我正在使用 bootstrap 的富文本编辑器,像这样 $('#editor').wysiwyg();
我正在使用 ajax 传递 .wysiwyg 生成的 html 内容,以便保存到数据库中。然后我会将 html 数据粘贴到我的主页。问题是我首先要显示预览文本和插入的图像,并在用户单击 "see more" 时显示 html 内容的输出。预览看起来像这样:
当用户单击 "see more" 时,我将在此处显示所见即所得生成的完整 html 数据。换句话说,在预览部分,我只想显示没有格式的文本以及我附加到它的图像
我唯一的解决方案是直接访问 bootstrap 生成的 html 并从文本框中提取值。有没有更好的方法?
据我了解
第一个解决方案 是您在发布news/article 时在管理面板中创建另一个简短描述 功能。在该简短描述中,您只能键入并插入您想要在 简短描述 中显示的部分,并在长描述部分键入完整的 news/article 。
因此,当想要显示 news/article 的简短部分时,请使用 简短描述 并使用 link 显示 完整描述 。
第二种解决方案 是使用服务器端编程过滤掉猜测的大约 500 个单词和图像,然后简单地显示它并创建一个新页面 link id 为 full article/new 到锚点 查看更多.
我希望它至少能给出一些想法。
:)
我正在使用 bootstrap 的富文本编辑器,像这样 $('#editor').wysiwyg();
我正在使用 ajax 传递 .wysiwyg 生成的 html 内容,以便保存到数据库中。然后我会将 html 数据粘贴到我的主页。问题是我首先要显示预览文本和插入的图像,并在用户单击 "see more" 时显示 html 内容的输出。预览看起来像这样:
当用户单击 "see more" 时,我将在此处显示所见即所得生成的完整 html 数据。换句话说,在预览部分,我只想显示没有格式的文本以及我附加到它的图像
我唯一的解决方案是直接访问 bootstrap 生成的 html 并从文本框中提取值。有没有更好的方法?
据我了解
第一个解决方案 是您在发布news/article 时在管理面板中创建另一个简短描述 功能。在该简短描述中,您只能键入并插入您想要在 简短描述 中显示的部分,并在长描述部分键入完整的 news/article 。 因此,当想要显示 news/article 的简短部分时,请使用 简短描述 并使用 link 显示 完整描述 。
第二种解决方案 是使用服务器端编程过滤掉猜测的大约 500 个单词和图像,然后简单地显示它并创建一个新页面 link id 为 full article/new 到锚点 查看更多.
我希望它至少能给出一些想法。 :)