wangEditor支持使用`sea.js`進行模塊定義,通過一個demo演示一下。
-----
demo的源碼結構是這樣的:

首先,在`js`文件夾中引用`jquery`,**特別注意——jquery默認是不支持CMD的,必須對源碼做出調整。調整內容功能如下:**
```js
//調整前:
if ( typeof define === "function" && define.amd ) {
define( "jquery", [], function() {
return jQuery;
});
}
//調整后:
if ( typeof define === "function") {
define( "jquery", [], function() {
return jQuery;
});
}
```
因此,調整后的名字修改為`jquery-2.2.1-for-seajs.js`。然后在`js`文件夾中引用`sea.js`
然后,創建一個`main.js`,將作為啟動項在html頁面中引用。代碼如下:
```js
define(function(require, exports, module){
var $ = require('jquery');
require('wangEditor')($);
$(function(){
// 用來創建編輯器
var editor = new wangEditor('div1');
editor.create();
});
});
```
最后,創建一個html文件,**html文件和`main.js`最好在同一個目錄下**。其中引用`seajs`:
```html
<div id="div1">
<p>請輸入內容...</p>
</div>
<!--引用seajs-->
<script type="text/javascript" src="sea.js"></script>
<script type="text/javascript">
// seajs 的簡單配置
seajs.config({
alias: {
// 相對于 main.js 的路徑
'jquery': './js/jquery-2.2.1-for-seajs',
'wangEditor': '../../dist/js/wangEditor.min'
}
});
// 加載入口模塊,即剛剛創建的 main.js
seajs.use("main");
</script>
```
搞定!
---
PS:demo源碼請參見 https://github.com/wangfupeng1988/wangEditor/tree/master/test/seajs
----
**注意,使用一個瀏覽器同時瀏覽requirejs和seajs的demo,可能出現混亂。這兩種情況本來就不可共存,瀏覽demo時也請使用不同瀏覽器查看效果。**
- 關于wangEditor
- 遇到問題如何解決和提問【重要】
- 開始使用
- 下載
- 創建頁面
- 生成編輯器(使用ID)
- 生成編輯器(使用element)
- 調整尺寸
- 銷毀與恢復
- 一個頁面多個編輯器
- 內容處理
- 初始化內容
- 獲取內容
- 追加內容
- 清空內容
- 用 editor.$txt 做其他內容處理
- onchange事件
- 禁用/啟用
- 參數配置
- 自定義菜單
- 自定義顏色、字體、字號
- 自定義表情
- 切換語言
- 百度地圖key
- 菜單欄吸頂
- 配置全屏的z-index
- 關閉瀏覽器打印log
- 關閉過濾javascript
- 關閉粘貼過濾樣式
- 只粘貼純文本
- 插入代碼-配置默認語言
- 自定義編輯器樣式
- 自定義顏色
- 自定義菜單UI
- 自定義表格、引用、代碼的樣式
- 代碼高亮樣式
- 圖片上傳
- 使用前必讀
- 支持情況
- 配置說明
- log提示輔助排錯
- 后臺代碼示例
- C#
- java - 例1
- java - 例2
- php
- nodejs
- python
- 自定義上傳事件
- 集成plupload插件
- 集成七牛云存儲
- 跨域上傳
- 上傳圖片出錯時的解決步驟
- 使用模塊定義
- 使用require.js
- 使用seajs
- 使用webpack
- 插件開發
- 對象結構
- 常用API
- 全局API
- 對象API
- 基礎API
- 選區API
- 命令API
- 擴展一個菜單
- 『縮進』菜單
- 『行高』菜單
- 『插入符號』菜單
- 開發一個插件
- 常見問題
- 關于markdown
- 關于上傳附件
- 關于背景圖片
- 關于顯示壓縮圖片
- 集成到React
- 集成到angular
- 集成到vue.js
- 如何避免與項目中的css沖突
- xss過濾
- 如何插入視頻鏈接
- 關于mobile端編輯器
- 查看源碼第一行有空格