【问题标题】:Octobercms Builder Richeditor how to change bold <stong> tag by the regular <b>?Octobercms Builder Richeditor 如何通过常规 <b> 更改粗体 <stong> 标签?
【发布时间】:2020-12-11 19:21:26
【问题描述】:

我使用十月作为我的后端和一个 Vue.js 应用程序进行渲染。我的问题是使用 Builder / Richeditor 保存在我的数据库中的粗体文本在我的 Vue.js 应用程序中没有呈现为粗体。

<p><strong>Duis convallis purus.</strong> suspendisse lobortis pharetra tempor....

Richeditor 使用 &lt;strong&gt; 标签而不是 &lt;b&gt; 保存粗体,并且 Vue 不会使用 v-html 指令的模板以这种方式呈现粗体:

<div v-html="myHTMLdata"></div>

我找到了总结问题的主题:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

有没有办法让十月改用&lt;b&gt;

或者也许解决方案可以在 Vue.js 中?

我搜索了很多,但没有找到任何解决方案。感谢您的帮助!

【问题讨论】:

    标签: vue.js octobercms froala octobercms-backend octobercms-widgets


    【解决方案1】:

    如果没有经过消毒,我不建议使用 v-html 指令。如果您的应用程序基于多种语言,我会使用 vue-i18n 的 Component Interpolation 方法

    安全 (Vue):https://vuejs.org/v2/guide/security.html Vue-i18n:https://kazupon.github.io/vue-i18n/guide/interpolation.html

    希望有所帮助。

    【讨论】:

    • 谢谢金。我是 Vue 的初学者! Vue-i18n 是国际化的标准版本吗?目前我的应用程序是一种语言,我只想显示数据库中的文本。我了解安全风险,但会在本地使用 JWTAuth 身份验证。在标准显示之前清理 html 代码是否可以接受?
    • 我还发现了 vue-sanitize 你有什么建议吗???
    • vue-i18n 在附带翻译内容时绝对是推荐的,所以对我来说是肯定的。 vue-sanitize 取决于 Markdown 预览等用例,最好是通过后端对生产阶段进行清理。
    【解决方案2】:

    尽管有 Kim 的回答和安全方面的考虑,但目前我使用 CSS 来处理页面中被覆盖的标签 bstrong。 谢谢

    【讨论】:

      猜你喜欢
      • 2013-04-23
      • 1970-01-01
      • 1970-01-01
      • 2011-05-08
      • 1970-01-01
      • 1970-01-01
      • 2021-04-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多