jquery - 在 Bootstrap 富文本编辑器中自定义预览?

标签 jquery css html bootstrap-4 rich-text-editor

我正在使用 Bootstrap 的富文本编辑器,像这样 $('#editor').wysiwyg(); 我正在使用 ajax 传递 .wysiwyg 生成的 html 内容,以便保存到数据库中。然后我会将 html 数据粘贴到我的主页。问题是我首先要显示预览文本和插入的图像,并在用户单击“查看更多”时显示 html 内容的输出。预览看起来像这样:

enter image description here

当用户点击“查看更多”时,我将在此处显示所见即所得生成的完整 html 数据。换句话说,在预览部分,我只想显示没有格式的文本以及我附加到它的图像

我唯一的解决方案是直接访问 Bootstrap 生成的 html 并从文本框中提取值。有没有更好的办法?

最佳答案

据我所知

第一个解决方案是您在发布新闻/文章时在管理面板中创建另一个简短描述功能。在该简短描述中,您只能键入并插入您希望在简短描述 中显示的部分,并在长描述部分键入完整的新闻/文章。 因此,当想要显示新闻/文章的简短部分时,请使用简短描述 并使用指向完整描述 的链接。

第二个解决方案是使用服务器端编程过滤掉猜测的大约 500 个单词和图像,然后简单地显示它并创建一个新页面,该页面与完整文章/新的 ID 链接到 anchor 查看更多

我希望它至少能给出一些想法。 :)

关于jquery - 在 Bootstrap 富文本编辑器中自定义预览?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50265533/

相关文章:

javascript - Click 事件有效,但 Window.onunload 作为函数无效

css - 为什么背景图像在 ^IE9 上不重复

jquery - 显示/隐藏由插件创建的 ol

internet-explorer - IE后台溢出

html - 如何在 Electron 应用程序中使 Angular 变圆

javascript - Jquery解析句子/行中不属于字符串的整数

jQuery JSON 请求得到 '200 OK' 答案,但没有内容

jquery - 根据多个复选框过滤表行

计算分数的Java程序

html - 通过 href 相互链接本地文件