tinymce.init({ selector: "textarea", theme: "modern", plugins-6ren">
gpt4 book ai didi

javascript - TinyMCE - 不工作

转载 作者:可可西里 更新时间:2023-11-01 13:05:46 25 4
gpt4 key购买 nike

<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 上显示的那样

任何帮助

谢谢

最佳答案

你的来源有误src="<your installation path>"将其更改为您的安装路径。

安装 TINYMCE 的步骤:

第 1 步:下载 TinyMCE 的副本并将其放在网络服务器上。

从 TinyMCE Downloads 下载一份 TinyMCE 包。解压包并移动"tinymce/js/tinymce"目录到您的 Web 服务器上的 Web 可访问位置(例如,本地主机)。

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

通过您的网络服务器 (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

关于javascript - TinyMCE - 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33359111/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com