IT技术学习网
IT技术学习网
您的位置: 主页 > 编程技术 > php >

php网页调用ckeditor

2014-11-04 11:13 来源: IT技术学习网原创 阅读:

在ckeditor官网 http://ckeditor.com/download 下载ckeditor后

解压缩,放到网站根目录下

下面演示三种调用ckeditor的方法

1.通过html,js调用ckeditor

<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">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>
            <script type="text/javascript">
                CKEDITOR.replace( 'editor1' );
            </script>
        </p>
        <p>
            <input type="submit" />
        </p>
    </form>
</body>
</html>

2.使用php调用ckeditor

<p>Title:</p><input name="subject" type="text" >
<?php
include 'ckeditor/ckeditor.php';
$ckeditor = new CKEditor;
$ckeditor->editor('content');
?>
<input name="submit" type="submit" value="提交"  />

3.使用textarea和js调用ckeditor

<html>
<head>
    <title>Sample CKEditor Site</title>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script type="text/javascript">
    window.onload = function()
    {
        CKEDITOR.replace( 'content' );     //content是textarea的名称
    };
</script>
</head>
<body>
    <form method="post">
        <p>
            My Editor:<br />
            <input type="text" name="title">
            <textarea name="content"></textarea>
        </p>
        <p>
            <input type="submit" name="sub"/>
        </p>
    </form>
</body>
</html>

php网页调用ckeditor
转载需注明出处:IT技术学习网 http://www.itjsxx.com/php/php_ckeditor.html

评论文章 php网页调用ckeditor
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图