Magento WYSIWYG编辑器无法正常工作

时间:2014-08-24 18:20:41

标签: magento tinymce wysiwyg magento-1.8

我安装了magento 1.8.1.0,当我点击CMS Pages中的显示/隐藏编辑器按钮或任何地方时,它什么也没做。我在浏览器的控制台中查找并发现了以下错误。

  

无法加载资源:服务器响应状态为404(未找到)http://magento_address/js/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentotypo/editor_plugin.js

Error in Chrome Console

我查看了magento安装文件夹,但找不到名为magentotypo的文件夹。我还查看了所有扩展和主题文件。如何使其工作或在哪里可以获取引用的文件?

非常感谢任何帮助。

4 个答案:

答案 0 :(得分:2)

经过长时间的探索,找到了解决方案。     实际上这些错误是因为js没有正确加载,所以用local.xml更新你的布局并添加以下代码。

<?xml version="1.0"?>
<layout>
    <frontname_adminhtml_index_edit>
        <update handle="editor"/>
        <reference name="head">
            <action method="setCanLoadTinyMce">
                <load>1</load>
            </action>
            <action method="setCanLoadExtJs">
                <flag>1</flag>
            </action>
            <action method="addJs">
                <script>mage/adminhtml/variables.js</script>
            </action>
            <action method="addJs">
                <script>mage/adminhtml/wysiwyg/widget.js</script>
            </action>
            <action method="addJs">
                <script>lib/flex.js</script>
            </action>
            <action method="addJs">
                <script>lib/FABridge.js</script>
            </action>
            <action method="addJs">
                <script>mage/adminhtml/flexuploader.js</script>
            </action>
            <action method="addJs">
                <script>mage/adminhtml/browser.js</script>
            </action>
            <action method="addJs">
                <script>prototype/window.js</script>
            </action>
            <action method="addItem">
                <type>js_css</type>
                <name>prototype/windows/themes/default.css</name>
            </action>
<!--            <action method="addItem">
                <type>js_css</type>
                <name>prototype/windows/themes/magento.css</name>
            </action>-->
            <action method="addCss">
                <stylesheet>lib/prototype/windows/themes/magento.css</stylesheet>
            </action>
        </reference>
    </frontname_adminhtml_index_edit>
</layout>

通过按 ctrl + u 查看代码,然后查找是否正确加载了这些代码。如果没有尝试改变

    </frontname_adminhtml_index_edit>

正确。 希望这会解决!

答案 1 :(得分:1)

我也面临同样的问题,我找到解决方案的唯一方法就是我已将Chrome Inspector打开到控制台标签。我可以看到一个editjs / mage / adminhtml / wysiwyg / tiny_mce / plugins / magentotypo / editor_plugin.js缺少加载。我在同一路径中创建了一个名为magentotypo的文件夹,并将文件上传到该路径

答案 2 :(得分:0)

可能是因为jquery冲突。
尝试删除最近添加的JS并检查WYSIWYG是否正常工作。

答案 3 :(得分:-1)

解决方案是(使用filezilla):

  1. 转到:/ js / mage / adminhtml / wysiwyg / tiny_mce / plugins / magentowidget

  2. 将文件复制到桌面:editor_plugin.js

  3. 转到:/ js / mage / adminhtml / wysiwyg / tiny_mce / plugins /

  4. 创建一个名为:magentotypo

  5. 的目录
  6. 将文件粘贴到目录magentotypo:editor_plugin.js