Question

我正在编写一个模块，我正在搜索如何在前端添加内置的wysiwyg编辑器到textarea。有可能的？有谁知道，如何实现？

Answer 1

所以，我保留这个作为最终解决方案，万一有人需要它：

1）将此代码放在希望编辑器直接显示的.phtml文件中。

2）在代码的第6行，您可以看到elements: "short_description"。您可以使用所需的元素ID更改"short_description"。您可以添加多个以逗号分隔的元素ID，不带空格。

示例：我将此代码放在app/design/adminhtml/default/default/template/catalog/product/edit.phtml中，因为我想在编辑产品说明，简短描述等时直接显示编辑器。

代码：

<script type="text/javascript">
window.onload=function()
{
   tinyMCE.init({
    mode : "exact",
    elements: "short_description",
    theme : "advanced",
    plugins : "inlinepopups,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",
    theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
    theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,|,visualchars,nonbreaking",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_path_location : "bottom",
    extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
    theme_advanced_resize_horizontal : 'true',
    theme_advanced_resizing : 'true',
    apply_source_formatting : 'true',
    convert_urls : 'false',
    force_br_newlines : 'true',
    doctype : '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'

  });
};
</script>

Answer 2

如果有人在控制台中收到ReferenceError: tinyMCE is not defined错误，以下是您的解决方案：Magento wysiwyg editor in phtml file

即。您需要加入js/tiny_mce/tiny_mce_jquery.js

Magento将wysiwyg添加到自定义前端表单中

2 个答案: