P:editor 来自 Primefaces 不工作

Question

我有一个使用 JSF 2.0、Primefaces 5.2 和 MDL 制作的应用程序：Material 来自 Google (MDL) 的 Design Lite。当我将 p:editor 放在我的 jsf 页面上时，它不起作用：编辑器上的每个元素都被禁用。当我检查元素时，我可以看到每个 div 都被禁用了。

此外，当我第一次打开页面时，编辑器不起作用，但是当我按 F12（查看 javascript 控制台）并关闭该选项卡（控制台）时，编辑器开始工作。

谁能帮帮我？

Answer 1

显然，JavaScript MDL 干扰了 jquery，当加载页面时，Jquery 中的 Editor.init() 被调用，然后 MDL 做了一些事情 p:edit 被禁用。所以，我做到了：

 <script type="text/javascript">
        $(function () {
            setTimeout(function () {
                PrimeFaces.ab({s: 'id_from_editor', p: 'id_from_editor', u: 'id_from_editor'});
            }, 1000);
        })
    </script>

有效。

P:editor 来自 Primefaces 不工作

P:editor from Primefaces not working

primefaces

jsf-2

material-design-lite