1

我们决定更改我们的后端 CMS 以使用 text-angular 的 WYSIWYG 编辑器。内容从数据库中提取得很好，渲染得很好，但是当我们去查看 HTML 源时，文本就在那里，然后就消失了。我已经用 ta-unsafe-sanitizer="true" 关闭了消毒。奇怪的是，如果我手动单步执行进行消化的角度代码，最终会呈现文本并保留在屏幕上。如果我在没有断点的情况下运行它，它会清除文本。

我不确定它是消毒还是 Angular 内部的某种竞争条件。还有其他人遇到这个吗？

看法

<div text-angular ta-toolbar="[['h1','h2','h3'],['bold','italics','underline'],['ul','ol'],['outdent','indent'],['html'],['insertImage']]" ng-model="updatePageTranslation.Content" ta-unsafe-sanitizer="true"></div>

控制器

$scope.updatePageTranslation.Content = 'large html portion here';

表格范围设置如下：

<div class="widget" ng-controller="PageController">

一切都加载正常，表单的其他字段正确显示值。内容的初始渲染是正确的。只是在切换到 HTML 视图时它才会变为空白。再次单击 Html 会切换回可视视图，这是正确的。但是如果我保存，发送到服务器的值现在是空白的。

我什至可以将值复制并粘贴到 textangular.com 站点的演示文本框中，并且遇到同样的问题。

4

2 回答 2

1

这是一个奇怪的问题，但感谢@HanletEscaño，我能够找到自己的方式。从服务器返回内容时，我必须执行以下操作以对其进行预清理，以便您可以在 HTML 和渲染视图之间来回切换：

Content.Replace(Environment.NewLine, "").Replace("\n", "").Replace("\r", "").Replace("\t", "").Replace("  ", "");

重要的是最后一个替换，我们将两个空格替换为空。这似乎是最后一招。我们来自以前的 WYSIWYG 编辑器，我们可以使 HTML 看起来不错，但是使用这个编辑器，一切都必须被压缩。

于 2015-10-22T16:45:10.700 回答
0

如上所述，这似乎是由于解析器难以正确处理空格和换行符。

如果您查看 taBind.js 中的 textAngular 源代码，当绑定值包含空格、换行符等时，_taBlankTest服务似乎返回 true，这反过来又导致模型设置为未定义。

我用以下替换了我的以避免这种情况：

angular.module('textAngular.taBind', ['textAngular.factories', 'textAngular.DOM'])
.service('_taBlankTest', [function(){
    var INLINETAGS_NONBLANK = /<(a|abbr|acronym|bdi|bdo|big|cite|code|del|dfn|img|ins|kbd|label|map|mark|q|ruby|rp|rt|s|samp|time|tt|var)[^>]*(>|$)/i;
    return function(_defaultTest){
        return function(_blankVal){
            if(!_blankVal) return true;
            var _matchVal = _blankVal.replace(/(  |\t|\n)/gm, '');

        // find first non-tag match - ie start of string or after tag that is not whitespace
        var _firstMatch = /(^[^<]|>)[^<]/i.exec(_matchVal);
        var _firstTagIndex;
        if(!_firstMatch){
            // find the end of the first tag removing all the
            // Don't do a global replace as that would be waaayy too long, just replace the first 4 occurences should be enough
            _matchVal = _matchVal.toString().replace(/="[^"]*"/i, '').replace(/="[^"]*"/i, '').replace(/="[^"]*"/i, '').replace(/="[^"]*"/i, '');
            _firstTagIndex = _matchVal.indexOf('>');
        }else{
            _firstTagIndex = _firstMatch.index;
        }
        _matchVal = _matchVal.trim().substring(_firstTagIndex, _firstTagIndex + 100);
        // check for no tags entry
        if(/^[^<>]+$/i.test(_matchVal)) return false;
        // this regex is to match any number of whitespace only between two tags
        if (_matchVal.length === 0 || _matchVal === _defaultTest || /^>(\s|&nbsp;|\n|\t)*<\/[^>]+>$/ig.test(_matchVal)) return true;
        // this regex tests if there is a tag followed by some optional whitespace and some text after that
        else if (/>\s*[^\s<]/i.test(_matchVal) || INLINETAGS_NONBLANK.test(_matchVal)) return false;
        else return true;
    };
};
}])

希望这可以帮助那里的人！

于 2016-06-16T06:26:08.813 回答