Magento 所见即所得编辑器不起作用答案

【问题标题】：Magento WYSIWYG Editor not workingMagento 所见即所得编辑器不起作用
【发布时间】：2014-10-17 22:49:59
【问题描述】：

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

加载资源失败：服务器响应状态为 404（未找到）http://magento_address/js/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentotypo/editor_plugin.js

我查看了 magento 安装文件夹，但找不到名为 magentotypo 的文件夹。我还查看了我所有的扩展和主题文件。我怎样才能让它工作或者我在哪里可以得到引用的文件？

非常感谢任何帮助。

【问题讨论】：

标签： magento tinymce wysiwyg magento-1.8

【解决方案1】：

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

【讨论】：

【解决方案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>

正确。希望这会解决！

【讨论】：

【解决方案3】：

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

【讨论】：

你真的认为由于jQuery冲突，它可以引用一个甚至不存在的文件吗？
如图所示，它显示 js/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentotypo/editor_plugin.js 存在一些问题。我们知道它包含 javascript 和 jquery 文件。试试这个，将 app/design/frontend/[you_theme] 复制到一个没有 skin/frontend/[you_theme] 的新 magento 文件夹中，然后检查它是否正常工作？即使它不起作用，我也同意你可能会丢失文件。
它不工作。我认为这是一个主题问题。我已经通知了开发者。

【解决方案4】：

解决方案是（使用filezilla）：

转到：/js/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentowidget
将文件复制到桌面：editor_plugin.js
转到：/js/mage/adminhtml/wysiwyg/tiny_mce/plugins/
创建一个名为：magentotypo 的目录
将文件粘贴到目录 magentotypo: editor_plugin.js

【讨论】：