1. 程式人生 > >Ueditor(一):最簡環境搭建

Ueditor(一):最簡環境搭建

Ueditor是百度web前端研發部門開發的所見即所得的開源富文字編輯器(ueditor官網),搭建一個ueditor的使用環境非常簡單

下載完ueditor後,只需要在html中引入一下幾個檔案:ueditor.config.js、ueditor.all.js、zh-cn.js/en.js、ueditor.css,下面直接給出程式碼(官方文件):

<html>
<head>
<title>ueditor示例</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" charset="utf-8" src="ueditor1_4_3/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor1_4_3/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>

<link rel="stylesheet" href="themes/default/css/ueditor.css" type="text/css">
<script type="text/javascript">
     var ue = UE.getEditor('editor');
</script>
</head>
<body>
     <script id="editor" type="text/plain" name="content">content part</script>
</body>
到這裡就簡單的配置完了,執行效果如下: