ngWYSIWYG - Angular真正的富文本编辑器无法在bpopup中编辑

时间:2016-11-03 01:47:54

标签: javascript angularjs rich-text-editor bpopup

我正在使用ngWYSIWYG - 在bpopup中使用Angular真正的富文本编辑器http://psergus.github.io/ngWYSIWYG/,但它无法编辑

 $scope.editorConfig = {
    sanitize: false,
    toolbar: [
        { name: 'basicStyling', items: ['bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', '-', 'leftAlign', 'centerAlign', 'rightAlign', 'blockJustify', '-'] },
        { name: 'paragraph', items: ['orderedList', 'unorderedList', 'outdent', 'indent', '-'] },
        { name: 'doers', items: ['removeFormatting', 'undo', 'redo', '-'] },
        { name: 'colors', items: ['fontColor', 'backgroundColor', '-'] },
        { name: 'links', items: ['image', 'hr', 'symbols', 'link', 'unlink', '-'] },
        { name: 'tools', items: ['print', '-'] },
        { name: 'styling', items: ['font', 'size', 'format'] },
    ]
};
 <wysiwyg-edit content="your_variable"  config="editorConfig"></wysiwyg-edit>

1 个答案:

答案 0 :(得分:0)

我有同样的问题。我知道这不是理想的,但这是我如何解决它的:

  • 如果您正在使用CDN,请使用bower将ng WYSIWYG拉入您的项目
  • 编辑dist / wysiwyg.min.js
    • Ctrl + F表示:
  

{名称:&#34; basicStyling&#34;,项目:[&#34;粗体&#34;&#34;斜体&#34;&#34;下划线&#34;&#34;

  • 这是工具栏选项的开头,所以要编辑它们,不管你喜欢!

希望我知道更好的解决办法,但那对我有用。