欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
Liferay中整合tinyMCE詳解
最近在使用Liferay開(kāi)發(fā)一個(gè)門(mén)戶(hù)網(wǎng)站的過(guò)程中遇到默認的在線(xiàn)文章編輯器無(wú)法滿(mǎn)足用戶(hù)需求的問(wèn)題。Liferay默認的文章編輯器功能比較簡(jiǎn)單,且可擴展性較差。經(jīng)過(guò)再三權衡,決定采用tinyMCE作為L(cháng)iferay的默認在線(xiàn)文章編輯器。但是,官方下載的tinyMCE的advimage插件不具有圖片上傳的功能,需要對該插件進(jìn)行擴展。經(jīng)過(guò)反復琢磨,終于解決了以上的問(wèn)題?,F在把解決方法寫(xiě)出來(lái),希望能給有需要的網(wǎng)友一點(diǎn)幫助。 

    需要注意的是早期的liferay-3.6.1集成tinyMCE存在問(wèn)題,在IE瀏覽器環(huán)境下不能正確顯示編輯器,顯示“timyMCE為定義”錯誤。在firefox瀏覽器下可以正確顯示,但是頁(yè)面初始化時(shí)非常慢。經(jīng)過(guò)很多嘗試這些問(wèn)題忍讓沒(méi)有解決,估計問(wèn)題與Liferay的頁(yè)面緩存有關(guān)。另外在liferay-3.6.1環(huán)境下上傳圖片時(shí)會(huì )出現圖片文件大小發(fā)生變化,且文件被破壞的問(wèn)題。Liferay的更新版本已經(jīng)發(fā)布,且以上存在的問(wèn)題可能與Liferay本身的實(shí)現機制有關(guān),解決這些問(wèn)題可能比較棘手(呵呵,如果哪位大俠知道還望不吝賜教?。。?,因此實(shí)現中使用的軟件版本如下:
  tinyMCE:tinymce_2_0_8
   Liferay:liferay-portal-tomcat-4.1.2

  在使用tinyMCE前先解決tinyMCE的中文化以及中文字體的使用問(wèn)題。


(一)tinyMCE的中文化以及中文字體
    中文化方法:
    tinyMCE的中文化問(wèn)題解決非常簡(jiǎn)單。首先到tinyMCE的官方下載中文語(yǔ)言包tinymce_lpackage_zh-cn.jar,并將其解壓(假設解壓后的路徑為{$LANGUAGE_PATH})。然后將解壓后的{$LANGUAGE_PATH}\tinymce\jscripts\tiny_mce目錄下的所有文件復制到liferay安裝路徑(假設liferay的安裝路徑為{$LIFERAY_HOME})的/webapps/ROOT/html/js/editor/tinymce目錄下,修改該路徑下的timymce.jsp,在tynyMCE.init中增加配置項 language : "zh_cn"。

    中文字體設置方法:
    默認情況下,tinyMCE編輯工具欄的字體下拉框中沒(méi)有中文字體,需要在下拉框中增加需要的中文字體。修改方法如下,分別修改{$LIFERAY_HOME}/webapps/ROOT /html/ js/editor/ tinymce/themes/  目錄下的兩個(gè)子目錄advanced和simple目錄下的editor_template.js。在var iFonts='…'和var nFonts='…'中增加中文字體,如增加“宋體=宋體;方正姚體=方正姚體”等。


(二)集成Liferay和tinyMCE
     1.下載tinymce_2_0_8.zip,并解壓(假設解壓目錄為{$TINYMCE_PATH})。然后將解壓后的文件夾{$TINYMCE_PATH}\tinymce\jscripts\tiny_mce復制到{$LIFERAY_HOME}\ \webapps\ROOT\html\js\editor下,并改名為tinymce;
    2. 設置Liferay應用的默認html編輯器為tinymce;(可以修改配置文件system.properties或直接修改{$LIFERAY_HOME}\webapps\ROOT\html\js\editor\editor.jsp); 修改后的editor.jsp如下:  

<%@ page import="com.liferay.portal.util.Constants" %>
<%@ page import="com.liferay.portal.util.PropsUtil" %>
<%@ page import="com.liferay.util.BrowserSniffer" %>
<%@ page import="com.liferay.util.ParamUtil" %>
<%
String editorImpl = "simple";
if (BrowserSniffer.is_rtf(request)) {
editorImpl = ParamUtil.get(request, "editorImpl", PropsUtil.get(EDITOR_WYSIWYG_IMPL_KEY));
}
//editorImpl = "fckeditor";
//editorImpl = "liferay";
//editorImpl = "simple";
editorImpl = "tinymce";
// Resin won't allow dynamic content inside the jsp:include tag
RequestDispatcher rd = application.getRequestDispatcher(Constants.TEXT_HTML_DIR + "/js/editor/" + editorImpl + ".jsp");
rd.include(request, response);
%>
<%--<jsp:include page='<%= Constants.TEXT_HTML_DIR + "/js/editor/" + editorImpl + ".jsp" %>' />--%>


(三)為tinyMCE增加圖片上傳功能
      本實(shí)現采用Struts實(shí)現圖片的上傳。 步驟如下:
    1.編寫(xiě)文件上傳類(lèi)。代碼清單如下:
     FileUploadAction.java代碼清單如下:
    
package com.family.fileupload.web.action;
      import java.util.Calendar;
      import java.util.Date;
      import javax.servlet.http.HttpServletRequest;
      import javax.servlet.http.HttpServletResponse;
      import org.apache.struts.action.ActionForm;
      import org.apache.struts.action.ActionForward;
      import org.apache.struts.action.ActionMapping;
      import org.apache.struts.actions.DispatchAction;
      import com.family.fileupload.web.form.FileUploadForm;
      import com.family.fileupload.web.utils.FileUpload;
      public class FileUploadAction extends DispatchAction {
      public ActionForward uploadImage(ActionMapping mapping, ActionForm form,
          HttpServletRequest request, HttpServletResponse response) throws Exception {
          FileUploadForm uploadForm = (FileUploadForm) form;
          FileUpload fu = new FileUpload(uploadForm.getFile());
          String realPath = this.getRealPath("/pictures");
          String fileName = this.getFileKeyRule() + "." + fu.getExtendName().toLowerCase();
          String filePath = realPath + "/" + fileName;
          fu.saveToFile(filePath);
          request.setAttribute("fileUrl", this.getRootUrl(request) + "/pictures/" + fileName);
          return mapping.findForward("image.success");
      }
      private String getRootUrl(HttpServletRequest request) {
          StringBuffer buf = request.getRequestURL();
          int length = request.getRequestURI().length();
          buf.delete(buf.length() - length, buf.length());
          return buf.toString();
      }
      private String getRealPath(String floder) {
          return this.getServlet().getServletConfig().getServletContext().getRealPath(floder);
     }
     private String getFileKeyRule() {
          Calendar cal = Calendar.getInstance();
          cal.setTime(new Date());
          int iYear = cal.get(Calendar.YEAR);
          int iMonth = cal.get(Calendar.MONDAY) + 1;
          int iDay = cal.get(Calendar.DAY_OF_MONTH);
          int iHour = cal.get(Calendar.HOUR_OF_DAY);
          int iMinute = cal.get(Calendar.MINUTE);
          int iSecond = cal.get(Calendar.SECOND);
          StringBuffer strKey = new StringBuffer(15);
          strKey.append(iYear);
          if (iMonth < 10) {
              strKey.insert(4, '0');
              strKey.insert(5, iMonth);
          } else {
              strKey.insert(4, iMonth);
          }
          if (iDay < 10) {
              strKey.insert(6, '0');
              strKey.insert(7, iDay);
          } else {
              strKey.insert(6, iDay);
          }
          if (iHour < 10) {
              strKey.insert(8, '0');
              strKey.insert(9, iHour);
          } else {
              strKey.insert(8, iHour);
          }
          if (iMinute < 10) {
              strKey.insert(10, '0');
              strKey.insert(11, iMinute);
          } else {
              strKey.insert(10, iMinute);
          }
          if (iSecond < 10) {
              strKey.insert(12, '0');
              strKey.insert(13, iSecond);
          } else {
              strKey.insert(12, iSecond);
          }
           return strKey.toString();
       }
   }


    FileUploadForm.java代碼清單如下:

   package com.family.fileupload.web.form;
      import org.apache.struts.action.ActionForm;
      import org.apache.struts.upload.FormFile;
      public class FileUploadForm extends ActionForm {
          private static final long serialVersionUID = 1L;
          private FormFile file = null;
          public FormFile getFile() {
               return file;
          }
          public void setFile(FormFile file) {
               this.file = file;
          }
     }


     FileUpload.java代碼清單如下:
  
package com.family.fileupload.web.utils;
     import java.io.FileNotFoundException;
     import java.io.FileOutputStream;
     import java.io.IOException;
     import java.io.InputStream;
     import java.io.OutputStream;
     import org.apache.struts.upload.FormFile;
     public class FileUpload {
         private FormFile file;
         private int fileSize;
         private String fileName;
         private String extendName;
         private String contentType;
         public FileUpload (FormFile file) {
           this.file = file;
           fileName = this.file.getFileName();
           fileSize = this.file.getFileSize();
           contentType = this.file.getContentType();
           int position = this.file.getFileName().indexOf(".");
           extendName = this.file.getFileName().substring(position + 1, this.file.getFileName().length());
      }
      public void saveToFile(String fileName) {
          try {
            InputStream is = this.file.getInputStream();
            int bytesRead = 0;
            byte[] buffer = new byte[8912];
            OutputStream os = new FileOutputStream(fileName);
            while ((bytesRead = is.read(buffer, 0, 8912)) != -1) {
                 os.write(buffer, 0, bytesRead);
            }
            is.close();
            os.close();
           } catch (FileNotFoundException e) {
                e.printStackTrace();
           } catch (IOException e) {
                e.printStackTrace();
           }
      }
      public String getContentType() {
       return contentType;
      }
      public String getExtendName() {
           return extendName;
      }
      public FormFile getFile() {
           return file;
      }
      public String getFileName() {
           return fileName;
      }
      public int getFileSize() {
           return fileSize;
      }}
    


2.將以上文件編譯后打包成 upload.jar,并發(fā)布到Liferay應用的包路徑下({$LIFERAY_HOME}/webapps/ROOT/WEB-INF/lib);


3.編寫(xiě)upload.jsp并復制到liferay應用的的{$LIFERAY_HOME}/webapps/ROOT\html\js\editor\ tinymce\ plugins\advimage\目錄下;

Upload.jsp的代碼清單如下:  
     <form action="/c/portal/fileUpload?method=uploadImage" method="post" enctype="multipart/form-data">
       <input type="file" name="file">
       <input type="submit">
     </form>



4.編寫(xiě)imagePath.jsp并復制到\webapps\ROOT\html下;
代碼清單如下:
 <script>   
    function insertImage() {  
      var imageUrl = '<%=(String) request.getAttribute("fileUrl")%>';
      if (imageUrl != '') {
       opener.document.all("src").value = imageUrl;
       window.close();
      }
   }
  </script>


5. 在tinymce.jsp中增加如下代碼
   */
   function fileBrowserCallBack(field_name, url, type, win) {    
     //打開(kāi)文件上傳窗口
     win.open("upload.jsp");  
   }



6. 在liferay的配置文件struts-config.xml或struts-config-ext.xml文件中增加如下配置:
增加formbean配置:
 <form-beans>
     ......
     <form-bean name="fileUploadForm" type="com.family.fileupload.web.form.FileUploadForm" />
</form-beans>


增加action配置:
 <action-mappings>
     ……
     <action
           name="fileUploadForm"
           path="/portal/fileUpload"
           scope="request"
           type="com.family.fileupload.web.action.FileUploadAction"
           parameter="method">
       <forward name="file.success" path="/filePath.jsp"/>
       <forward name="image.success" path="/imagePath.jsp"/>
    </action>
</action-mappings>


注:本實(shí)現中有關(guān)文件上傳的組件與liferay集成在同一個(gè)web應用中,事實(shí)上也可以根據實(shí)際情況將文件上傳的組件獨立成一個(gè)單獨的web應用。但是需要對tinymce.jsp代碼做適當的修改。大家不妨試試:) 
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
在Liferay Portal Professional里實(shí)現一個(gè)使用SOAP的portlet
在Struts 2中實(shí)現文件上傳
struts2.0上傳下載
Struts 2上傳文件小談
Struts2使用Kindeditor4.0.3在線(xiàn)編輯器--上傳圖片、視頻、FLASH、附件
Struts2文件的上傳和下載
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久