php下怎么使用多个ckeditor 在线编辑器
2个回答
展开全部
CKeditor是一款在线编辑器，可用于博客、新闻发布等的文本编辑框，利用它可以很方便地实现对文章的排版。它是一款开源工具，可以在我们的网站中使用它增强编辑功能，显得专业和装B。原来它叫FCKeditor，后来改名叫CKeiditor，感谢开源软件的开发者，他们是最帅的！
一、下载
官网下载：http://ckeditor.com/download/
解压之后直接放在网站根目录里就可以使用了。
在_samples目录下，可以找到很多做好的样例，这些可以用来学习编辑器的用法。
二、用js的方式调用
官方演示样例：
复制代码
<html>
<head>
<title>Sample CKEditor Site</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<form method="post">
<p>
My Editor:<br />
<textarea id="editor1" name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
</body>
</html>
复制代码
我是把ckeditor目录和test.html放在同个目录下，注意第四行原来是src="/ckeditor/ckeditor.js"，要把前面的斜杠去掉，改为src="ckeditor/ckeditor.js"才能正确指向文件ckeditor.js。这时候不启用wamp服务器也能正确显示ckeditor。
三、用PHP的方法引入
复制代码
<p>Title:</p><input name="subject" type="text" >
<?php
include 'ckeditor/ckeditor.php'; //include ckeditor.php
$ckeditor = new CKEditor;
$ckeditor->editor('content');
?>
<input name="submit" type="submit" value="提交" />
复制代码
这样也能引入ckeditor，这时候editor的位置就在中间那段php代码的地方，两种方法都可以，不过我还不明白两种方法有什么区别。
还可以在textarea标签中嵌入ckeditor：
复制代码
<?php
if(!empty($_POST["sub"]))
{
echo $_POST["title"];
echo "<br>";
echo $_POST["content"];
}
?>
<html>
<head>
<title>Sample CKEditor Site</title>
</head>
<body>
<form method="post">
<p>
My Editor:<br />
<input type="text" name="title">
<textarea name="content">
<?php
include 'ckeditor/ckeditor.php'; //include ckeditor.php
$ckeditor = new CKEditor;
$ckeditor->editor('content');
?>
</textarea>
</p>
<p>
<input type="submit" name="sub"/>
</p>
</form>
</body>
</html>
一、下载
官网下载：http://ckeditor.com/download/
解压之后直接放在网站根目录里就可以使用了。
在_samples目录下，可以找到很多做好的样例，这些可以用来学习编辑器的用法。
二、用js的方式调用
官方演示样例：
复制代码
<html>
<head>
<title>Sample CKEditor Site</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
<form method="post">
<p>
My Editor:<br />
<textarea id="editor1" name="editor1"><p>Initial value.</p></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>
</p>
<p>
<input type="submit" />
</p>
</form>
</body>
</html>
复制代码
我是把ckeditor目录和test.html放在同个目录下，注意第四行原来是src="/ckeditor/ckeditor.js"，要把前面的斜杠去掉，改为src="ckeditor/ckeditor.js"才能正确指向文件ckeditor.js。这时候不启用wamp服务器也能正确显示ckeditor。
三、用PHP的方法引入
复制代码
<p>Title:</p><input name="subject" type="text" >
<?php
include 'ckeditor/ckeditor.php'; //include ckeditor.php
$ckeditor = new CKEditor;
$ckeditor->editor('content');
?>
<input name="submit" type="submit" value="提交" />
复制代码
这样也能引入ckeditor，这时候editor的位置就在中间那段php代码的地方，两种方法都可以，不过我还不明白两种方法有什么区别。
还可以在textarea标签中嵌入ckeditor：
复制代码
<?php
if(!empty($_POST["sub"]))
{
echo $_POST["title"];
echo "<br>";
echo $_POST["content"];
}
?>
<html>
<head>
<title>Sample CKEditor Site</title>
</head>
<body>
<form method="post">
<p>
My Editor:<br />
<input type="text" name="title">
<textarea name="content">
<?php
include 'ckeditor/ckeditor.php'; //include ckeditor.php
$ckeditor = new CKEditor;
$ckeditor->editor('content');
?>
</textarea>
</p>
<p>
<input type="submit" name="sub"/>
</p>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
展开全部
用过百度编辑器，申明的时候id换下就OK了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
