TinyMCE在线编辑器使用方法初探

首先，下载TinyMCE包，地址：http://www.tinymce.com/

然后将下载后的包解压，放置到一个文件夹下，创建一个html文件，并在其中书写如下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
body, td, pre {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
</style>


<script src="tinymce/js/tinymce/tinymce.js"></script>
<script>
        tinymce.init({selector:'textarea'});
</script>

</head>




<body>
	<textarea>Your content here.</textarea>

</body>
</html>

 

保存后运行，结果如图：

posted @ 2013-07-02 17:01  再见，少年  Views(1854)  Comments(2)  Edit  收藏  举报