【问题标题】:How to achieve a Html5 Textarea readonly with ng-bind-html without clickable link如何在没有可点击链接的情况下使用 ng-bind-html 实现 Html5 Textarea 只读
【发布时间】:2016-12-15 14:14:00
【问题描述】:

我有一个有 2 列的表格。一个仅用于“比较”,另一个是使用 TinyMce4 编辑/格式化文本。我现在想在第一行显示文本,ng-bind-html 显示其格式,但限制 html 链接的格式和显示为该格式,但不可点击/重定向到网站。
angularjs 1.5.x 或原生 html5 有什么办法吗?
例如: 我正在获取这样的数据:

Hello <b>World<b><a href="www.google.de">clickme</a>

格式正确

你好 世界 clickme
但该链接现在不应重定向或在readonly Textarea 中可点击

编辑:
为了澄清,我想要一个Html5 Textarea,其中是html标签,如&lt;bold&gt;&lt;italic&gt;等等,都是格式化的。通过ng-bind-html 或其他我不在乎的东西。唯一的例外应该是&lt;a href=...&gt;。它们不应该是可点击的或重定向到链接的。

【问题讨论】:

    标签: javascript angularjs html ng-bind-html


    【解决方案1】:

    请尝试以下操作:-

    tinymce.init({
          selector: 'textarea',
          allow_unsafe_link_target: false
        });
    

    参考链接可能对您有所帮助:- https://www.tinymce.com/docs/configure/content-filtering/

    【讨论】:

    • 对不起,如果我写的问题有点令人困惑,但我的意思是相反。链接正在工作。但我希望它不起作用。不可点击。不重定向。如果可能的话,这在 Textarea 中。但是所有其余的
      等等都应该被格式化并显示为那个。
    • 我已经编辑了我的问题。问题不在于 TinyMce 编辑器,而更多是我想要一个 Textarea 来显示我用 TinyMce 格式化的文本。除了链接之外的所有内容:)
    猜你喜欢
    • 2021-10-01
    • 2019-01-09
    • 2012-07-14
    • 1970-01-01
    • 1970-01-01
    • 2011-10-17
    • 2021-08-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多