TinyMCE - 不工作

Question

<script type="text/javascript" src="<your installation     path>/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    theme: "modern",
    plugins: [
    "advlist autolink lists link image charmap print preview hr anchor pagebreak",
    "searchreplace wordcount visualblocks visualchars code fullscreen",
    "insertdatetime media nonbreaking save table contextmenu directionality",
    "emoticons template paste textcolor colorpicker textpattern imagetools"
    ],
    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft     aligncenter alignright alignjustify | bullist numlist outdent indent | link     image",
toolbar2: "print preview media | forecolor backcolor emoticons",
image_advtab: true,
templates: [
    {title: 'Test template 1', content: 'Test 1'},
    {title: 'Test template 2', content: 'Test 2'}
]
});
</script>

<form method="post" action="somepage">
    <textarea name="content" style="width:100%"></textarea>
</form>

我将此代码从此网址http://www.tinymce.com/tryit/full.php复制到我的html文件中，所以当我将其复制到我的html文件并在浏览器中打开时，我得到了这个：

它就像一个常规的文本区域一样空白，不像它在http://www.tinymce.com/tryit/full.php上显示的那样

任何帮助

谢谢

Answer 1

您的源是错误的src="<your installation path>"将此更改为您的安装路径。

安装TINYMCE的步骤：

步骤1：下载TinyMCE的副本并将其放在Web服务器上。

从TinyMCE下载下载TinyMCE软件包的副本。 解压缩包并将"tinymce/js/tinymce"目录移动到Web服务器上的Web可访问位置（例如，localhost）。

第2步：将TinyMCE添加到页面。

通过您的Web服务器（ http：// localhost / tinymce / ）可以访问TinyMCE，您现在可以在任何想要使用TinyMCE编辑器的地方包含TinyMCE脚本。

要添加脚本，请在页面标记内添加以下内容。

<script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>

第3步：将TinyMCE初始化为Web表单的一部分

通过包含脚本，您可以在网页中的任何元素（或元素）上初始化TinyMCE。

TinyMCE允许您通过CSS3选择器识别要替换的元素。 要将TinyMCE添加到页面，请将包含选择器的对象传递给tinymce.init（）。

在此示例中，您将通过将选择器“#mytextarea”传递给tinymce.init（）来替换TinyMCE编辑器。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="<your installation path>/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">
        tinymce.init({
            selector: "#mytextarea"
        });
    </script>
</head>
<body>
    <h1>TinyMCE Getting Started Guide</h1>
    <form method="post">
        <textarea id="mytextarea"></textarea>
    </form>
</body>
</html>

资料来源： http ： //www.tinymce.com/wiki.php/Installation

TinyMCE - 不工作

问题描述

1 个解决方案

解决方案1
3 已采纳 2015-10-27 02:52:07

TinyMCE - 不工作

问题描述

1 个解决方案

解决方案1 3 已采纳 2015-10-27 02:52:07

解决方案1
3 已采纳 2015-10-27 02:52:07