JSF结合KindEditor 图片上传

最新推荐文章于 2020-02-03 14:46:23 发布

原创最新推荐文章于 2020-02-03 14:46:23 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSF结合KindEditor 图片上传 #JSF结合KindEditor #KindEditor 图片上传

JSF 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个基于富文本编辑器实现的邮件编辑与发送功能，包括发件人、收件人、抄送、密送等字段的设置，并集成了主题输入及内容编辑区。通过KindEditor富文本编辑器增强邮件内容的编辑体验。

<rich:tab label="指定邮件"     >
   <a4j:form id="searchForm2">
    <a4j:region id="noticeForm2">
     <rich:panel>
      <h:panelGrid columns="2">
        <h:outputText value="发件人:" />
        <h:outputText value="'#{AuthenticatController.user.name}'[ #{AuthenticatController.user.email}]" style="color:blue"/>
      </h:panelGrid>
      <h:panelGrid columns="3">

      <h:outputText value="收件人:"/>
       <h:inputText id="receiver" size="175" value="#{noticeEmployeeController.receiverStr}">
        <f:validateLength maximum="1000" />
       <f:validator validatorId="moreEmailValidator" />
       </h:inputText>
       <rich:message for="receiver" style="color:red;" />

       <h:outputText value="抄  送:"/>
       <h:inputText id="cc" size="175" value="#{noticeEmployeeController.ccStr}">
        <f:validateLength maximum="1000" />
       <f:validator validatorId="moreEmailValidator" />
       </h:inputText>
       <rich:message for="cc" style="color:red;" />

       <h:outputText value="密  送:"/>
       <h:inputText id="bcc" size="175" value="#{noticeEmployeeController.bccStr}" >
        <f:validateLength maximum="1000" />
       <f:validator validatorId="moreEmailValidator" />
       </h:inputText>
       <rich:message for="bcc" style="color:red;" />

      <h:outputText value="主  题:"/>
        <h:inputText id="titleId" size="175" value="#{noticeEmployeeController.titles}" maxlength="45" required="true">
        <f:validator validatorId="emptyStringValidator" />
       </h:inputText>
       <rich:message for="titleId" style="color:red;" />
      </h:panelGrid>

      <h:panelGrid>
       <h:inputTextarea id="contentid2" value="#{noticeEmployeeController.content}" style="width:700px; height:300px;">
        </h:inputTextarea>
      </h:panelGrid>
      <h:panelGrid >
       <rich:spacer width="50px" />
       <h:commandButton id="sendMail2" value="发送指定邮件" style="width: 80px"
        action="#{noticeEmployeeController.sendMail2}">
       </h:commandButton>
      </h:panelGrid>
     </rich:panel>
    </a4j:region>
   </a4j:form>
   
   <script type="text/javascript" charset="utf-8" src="../kindeditor/kindeditor.js"></script>
    <script>
       KE.show({
      id :'searchForm2:contentid2',
      imageUploadJson:'../../jsp/upload_json.jsp',
      imageManagerJson:'../../jsp/file_manager_json.jsp',
      allowUpload : true, //允许上传图片
      allowFileManager : true,
      width : "950px",   //编辑器的宽度为70%
      height : "300px",   //编辑器的高度为100px
      filterMode : false, //不会过滤HTML代码
      resizeMode : 1 ,  //编辑器只能调整高度
      allowPreviewEmoticons : true,
      skinType:'default',
      autoOnsubmitMode:'true'
                });
    </script>
   </rich:tab>