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 - 不工作

TinyMCE - Not working

html

javascript

css