【问题标题】:display text from ckeditor using nodejs使用nodejs从ckeditor显示文本
【发布时间】:2021-04-12 08:30:05
【问题描述】:

我已经使用 ckeditor 输入了值,但是我正在获取 html 标记以及文档如何只显示文本

这是我的输入共振峰以及我想如何显示 https://prnt.sc/11a6em6

这是我的输出格式 https://prnt.sc/11a6mdv

这是显示文本的代码

{{#each about}}
    <div class="theme-title-one">
        <h2>{{this.title}}</h2>
        <p>{{this.description}}<p>
    </div>
{{/each}}   

我在显示端得到的文字是

<h3><strong>New updates to  program</strong></h3><h4><strong>1.
</strong><i><strong>target sectors have been
 expanded.</strong></i></h4><p>When the program was launched in
 2019, applicants under seven target sectors were accepted. These
 sectors were as follows:</p>

我要显示的是

程序的新更新

1。 目标行业已扩大。

该计划于2019年启动时,已接受七个目标行业的申请人。这些部门如下:

【问题讨论】:

    标签: node.js ckeditor


    【解决方案1】:

    如果您需要结构化数据,则需要将它们分解,而不是使用 RTE。 RTE 的重点是允许您创建富文本,因此编辑器将始终插入 html,这就是重点。

    要做你想做的事,你可以,而不是你应该用正则表达式解析响应并拉出 H3 作为标题和正文等。

    这种方法可行,但很痛苦。

    如果数据始终采用您想要的格式,那么您应该在 DB 表中添加“标题”和“描述”,这样您始终可以获得干净的标题和正文。

    在不知道事物的结构或用例的情况下,这有点难以分辨,但这是一种更好的方法。

    【讨论】:

    • 我在上面的表格中添加了标题和描述,我展示的是博客描述的一部分,但我希望它们与项目符号一起具有不同的大小
    • 如果你只是想改变显示,那么你将使用 CSS 来做到这一点。所以只需定位特定元素然后 .theme-title-one h3{ font-size:25px } .theme- title-one h4{ font-size:18px} 但实际上,RTE 总是会插入 html 以便搞砸
    • 我很困惑,这些是来自 ckeditor 的输入,在博客页面中我必须显示项目符号位置链接使用 h1 h2 h3 .... 如果我想改变特定的行,我会使用 css 为整个页面轻松做到这一点并不容易
    • samita,很抱歉,但也许您可以提供更多详细信息,因为您的问题尚不清楚。从我可以告诉你得到的输出是上面发布的代码正确吗?同样,如果是这种情况,您可以使用 CSS 更改显示,如果不是,则可以尝试提供完整的代码和输出或示例页面以帮助更好地说明它。 CKEditor 是一个 RTE,所以它会插入 html,如果你不想要 html,那么使用常规的 textarea 作为输入。
    • 对不起,我的问题不是那么容易理解,我已经编辑了我的帖子,如果需要,我也会放上控制器的代码,但我认为 controllet 没有问题,它的显示方式
    猜你喜欢
    • 2020-10-29
    • 1970-01-01
    • 1970-01-01
    • 2017-05-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-08
    相关资源
    最近更新 更多