我刚从summernote转到angularText。使用summernote作为我的html编辑器,一切都按预期工作。
使用angularText我的编辑器显示正常,之前输入的html(在summernote下)看起来很好。但是有一个主要问题!
如果我在编辑器中键入一个键,则所有html标签都是VANISH。
有人可能会想到我在设置中遗漏了一些东西,但初始显示看起来很好。只有在我输入密钥之后,事情才会彻底改变。为了简单起见,我的范围是:
$scope.html = "<p>Hello There</p>";
,相关标记为:
<div text-angular ng-model="html"></div>
<textarea ng-model="html" style="width: 100%"></textarea>
在击键之前,我看到:
在击键之后,所有的html标签都是GONE!
非常感谢您的帮助!
PS:&#39;哑巴非常强大!&#39;我可能错过了一些明显的东西!答案 0 :(得分:0)
事实证明我有一个指令:contenteditable导致了textAngular的破坏。我重命名了我的指令,问题立即得到了解决。
事实证明我在其他地方真的需要这个令人满意的指令!最终的解决方案非常合理。在我的contenteditable指令中,我只是测试了那些contenteditible元素的类名,并停止了指令修改html否则。因此,我在我满意的指令中添加了:
link: function (scope, element, attrs, ngModel) {
...
...
if (!element.hasClass('task_name')) {
// don't affect any elements which don't have 'task_name' class
// so don't bind or $render
}
else
{
ngModel.$render = function () {
element.html(ngModel.$viewValue || "");
};
element.bind("blur keyup change", function () {
// read is my magic needed for the task_name elements
scope.$apply(read);
});
}
}