請先下載擴充套件，建議下載完整帶示例包，如果你下載獨立擴充套件包，那你還需要另外下載Ueditor

1. 下載擴充套件

安裝

./js
--|ueditor
----|formdesign        把擴充套件放到Ueditor下
--------|bootstrap
--------|leipi.form.design.js
--------|checkbox.html
--------|...
----|dialogs
----|ueditor.all.js
----|...
      

配置說明

FormDesign Plugins 的配置目前只有一個，toolleipi:true它可以在編輯器的toolbars顯示錶單設計器的圖示

建議新建虛擬站點來驗證，否則部分功能可能異常，正常訪問地址如：http://localhost/formdesign/index.html
如果你顯示的頁面和官方一樣並且沒有指令碼報錯，表示安裝成功。官方演示

<script id="myFormDesign" type="text/plain" style="widht:100%">
    這裡是Ueditor FormDesign 內容
</script>
 


<script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="js/ueditor/lang/zh-cn/zh-cn.js"></script>
<!--Fromdesign擴充套件--->
 

<script type="text/javascript" charset="utf-8" src="js/ueditor/formdesign/leipi.form.design.js"></script>
//例項一個Ueditor
var leipiEditor = UE.getEditor('myFormDesign',{
        toolleipi:true,//是否在toolbars顯示，表單設計器的圖示 
       //toolbars:[['FullScreen', 'Source']],//這裡是工具攔
       textarea: 'design_content',//編輯器的表單名稱   
        //更多其他引數，請參考ueditor.config.js中的配置項
});