Sealyu

Grails中配置FCKeditor時，需要下載FCK的插件才能進行使用。 海岸線網(wǎng)絡圈9AR abR
E
（1）創(chuàng)建一個web工程：grails create-app FCKDemo 海岸線網(wǎng)絡圈"T6g1C3V*a dN#b
（2）進入FCKDemo的目錄：cd FCKDemo
oE%Y-H~g.R,g ~W0（3）安裝FCKeditor插件：grails install-plugin fck-editor
n7Y!Q2hozBI0mE0幾分鐘后安裝完畢，grails會新建一個文件夾FCKDemo\plugins，在該文件夾下放置下載的插件。 海岸線網(wǎng)絡圈(piZQ6Squ7MF3Q
（4）在FCKDemo\grails-app\conf下修改Config.groovy，在其最后添加一行：web.app.context.path=FCKDemo 因為項目的名稱為FCKDemo，因此其代表web工程名稱。
+z7w)Do9L#j(m0gZ5`0（5）創(chuàng)建一個Domain Class：grails create-domain-class Article
ALr7G\r9@D0編輯Article.groovy文件：
-w:G9D#F+Y0   class Article { 海岸線網(wǎng)絡圈%[l3OR"N g9m
      String title
*~(^j4| E8a.}&r,Zqo0      String content
1k!JY7P%}5S_JZ+fw0      Date CurrentDate 海岸線網(wǎng)絡圈 [H/o*GSQ4f
海岸線網(wǎng)絡圈Ba#n+V"|c,K
      static constraints = { 海岸線網(wǎng)絡圈 _S J*}gv#T1B'`FEd
          title (blank:false)
g?9Q7W%sm&xQ X,D0         content (blank:false,maxLength:2048)
$J1i |+z yx\0      } 海岸線網(wǎng)絡圈 lQT j#]
} 海岸線網(wǎng)絡圈5s*Xj'iZz_gS
（6）生成Article的Controller和頁面：grails generate-all Article 海岸線網(wǎng)絡圈"z3r^.d~4]"u_
(7) 修改FCKDemo\grails-app\views\article中create.gsp
0j2t? fC
i+y:K b0將： 海岸線網(wǎng)絡圈$g0f$|(q+C
                            <tr class="prop"> 海岸線網(wǎng)絡圈`T1@7[4XHG
                                <td valign="top" class="name">
#bu-?j)P~.k0                                    <label for="content">Content:</label> 海岸線網(wǎng)絡圈b[+o%Sl
                                </td> 海岸線網(wǎng)絡圈QVz E%y3F0s,dl
g
                                <td valign="top" class="value ${hasErrors(bean:article,field:'content','errors')}">
m6Y#F8]"IsK,u Em0                                    <input type="text" id="content" name="content" value="${fieldValue(bean:article,field:'content')}"/> 海岸線網(wǎng)絡圈B\?k FOk'X
                                </td> 海岸線網(wǎng)絡圈)N2R;X V lLo
                            </tr>
I @`-d8~:|2L0改為： 海岸線網(wǎng)絡圈 D1I0q vAnx
                            <tr class="prop"> 海岸線網(wǎng)絡圈&x F9s`Q7PO
                                <td valign="top" class="name"> 海岸線網(wǎng)絡圈+bn%X ~&t-Yj6\
                                    <label for="content">Content:</label>
O3h4I:VYd _m0                                </td> 海岸線網(wǎng)絡圈#KD/o)V"`&i
                                <td valign="top" class="value ${hasErrors(bean:article,field:'content','errors')}">
9daV1^!O3K*P0                                    <fck:editor id='content' name='content' height="400" >${article.content}</fck:editor>
sFG5M5k0                                </td>
3z1s @
Fu0                            </tr>
X zG z;i[Y|\Ee0海岸線網(wǎng)絡圈&[V(i x#QY6x1Dp
修改FCKDemo\grails-app\views\article中editor.gsp 海岸線網(wǎng)絡圈6[`'k\ s}1]E e
將：
l1o6|F v]uvE \0                            <tr class="prop"> 海岸線網(wǎng)絡圈1C"^;N;Ql
                                <td valign="top" class="name">
"~~db2z z_T0                                    <label for="content">Content:</label>
;G9\VY h d&s0                                </td>
+A'T#u$J;G$F#\}0                                <td valign="top" class="value ${hasErrors(bean:article,field:'content','errors')}">
x ]G@ P%]'|)C0                                    <input type="text" id="content" name="content" value="${fieldValue(bean:article,field:'content')}"/>
j/s,k\dp0                                </td> 海岸線網(wǎng)絡圈sD-o?$s:|8[
                            </tr>
]cK2w6U6eNI0改為： 海岸線網(wǎng)絡圈'WS f9P'Etx
                            <tr class="prop">
_4U$RjA3V3p0                                <td valign="top" class="name"> 海岸線網(wǎng)絡圈C2F5IZ ya([ ]*m
                                    <label for="content">Content:</label>
&`jT6C X0                                </td>
a9YO-M#Y8^s @ W0                                <td valign="top" class="value ${hasErrors(bean:article,field:'content','errors')}"> 海岸線網(wǎng)絡圈9x.y^#T7N7c Wg,|{*gu
                                    <fck:editor id='content' name='content' height="400" >${article.content}</fck:editor>
n3m]+c_;\*Vu0                                </td> 海岸線網(wǎng)絡圈-] Jzc;wE[
                            </tr> 海岸線網(wǎng)絡圈]6X V'CQX.a8W

'E0b5T {t([1Y0（8）部署web工程：grails run-app 海岸線網(wǎng)絡圈 p;rBN m J
在瀏覽器下輸入：http://localhost:8080/FCKDemo 海岸線網(wǎng)絡圈 r Jx:m ZA

"q7w:w L9xMi(R0測試創(chuàng)建一個article的頁面
LE:["C X6c)n k0海岸線網(wǎng)絡圈e/{dJy,v7A

編輯該頁面 海岸線網(wǎng)絡圈c4k(B5X$t"j8y

Update后的結(jié)果 海岸線網(wǎng)絡圈
ov5_+} p{Y-cz