从弹出窗口将图像放入FCKEditor

时间:2012-02-14 05:11:05

标签: javascript coldfusion rich-text-editor

我正在尝试从弹出窗口向CFKEditor编辑区域插入图像,我不知道该怎么做。有什么想法吗?
我的CFML代码 -

 <cfform>
 <cftextarea id="textimg" skin="silver" toolbar="Basic" richtext="true" name="body"    required="true" style="width:100%; height:200px;"></cftextarea>
 </cfform>

我的弹出窗口代码 -

 <form action="insertimage.cfm" method="post" enctype="multipart/form-data" class="nil">
<fieldset>
    <legend><strong>&nbsp;Insert image&nbsp;</strong></legend>
<br>
Choose a file:
    <input name="newimg" type=file size=30>
<br>
    <input type=submit value=Insert name="act">
    <input onClick="self.close()" type=reset value=Cancel>
</fieldset>
</form>

<span id=disp></span>

<cfif StructKeyExists(FORM,"act")>
    <cffile action="UPLOAD" filefield="newimg" destination="#application.fpath#exe\images\" nameconflict="MAKEUNIQUE">
    <script language="JavaScript" type="text/javascript">
    <!--
        selvalue= '<cfoutput><img src="images/#file.serverfile#" width=100 height=100" alt="#file.clientfile#"></cfoutput>';
        window.opener.document.getElementById('txtimg').insertAdjacentHTML("BeforeEnd", '<cfoutput><img src="images/#file.serverfile#" width=100 height=100 onClick="InsertImg(\'images/#file.serverfile#\')" alt="#file.clientfile#"></cfoutput>');
    -->
    </script>
</cfif>

它通常适用于cftextarea但不能在cftextarea中使用richtext是真实的情况。 我怎么解决这个问题?帮助我......

1 个答案:

答案 0 :(得分:0)

我通常会将CFFM用于这些功能。

http://www.opensourcecf.com/cffm/