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 @ 2015-05-13 14:14  星辰之力  阅读(584)  评论(0)  编辑  收藏  举报