Question

<scirpt src="textarea.js"></script>
<script>
bkLib.onDomLoaded(function() {
new nicEditor({maxHeight : 200}).panelInstance('area');
});
</script>

<p>
   <textarea name="area" id="area" style="height:200px;" 
             ng-model="text" wrap="true">
   </textarea>
</p>
<p id="comment-text">{{text}}</p>

在这里，我使用段落来查看用户输入的文本，但模型未显示任何输入的文本！当我删除textarea的id属性时，它开始工作。任何人都可以向我提出解决方案吗？

Answer 1

这是一个小解决方法，但应该适合你。您可以为keyup添加事件监听器，它将在您键入时更新textarea（默认情况下，nicEditor仅在表单提交时更新）。此外，您需要触发input事件才能更新ng-model。

<script>
var areaEditor;
bkLib.onDomLoaded(function() {
    new nicEditor({maxHeight : 200}).panelInstance('area');

    document.addEventListener("keyup", function(){
        nicEditors.findEditor('area').saveContent()
        var event = new Event('input', {});
        document.getElementById('area').dispatchEvent(event);
    });
});


</script>

ng-Model未从nicEdit格式化的Textarea更新

1 个答案: