+ Trả lời chủ đề
Hiện kết quả từ 1 tới 2 của 2

Chủ đề: Tích hợp nicEditor vào ứng dụng ASP.NET MVC3 (implement nicEditor into MVC3)

  1. #1
    Status : manhtuan đang ẩn
    Tham gia ngày : Aug 2011
    Bài gửi : 268

    Tích hợp nicEditor vào ứng dụng ASP.NET MVC3 (implement nicEditor into MVC3)

    Trước tiên bạn cần chèn script nicEditor vào Views mà bạn sẽ sử dụng Editor

    Mã:
    <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
     <script>
         var area2;
         function add() { //Thêm Editor vào thẻ textare
             area2 = new nicEditor({ fullPanel: true }).panelInstance('mota');
         }
         function removeArea() { //Gỡ bỏ Editor
             area2.removeInstance('mota');
         }
     </script>
    Sau đó các bạn sử dụng Html Helper để hiển thị Editor hoặc sử dụng thẻ <textarea>
    Ở đây mình sử dụng Html Helper để hiển thị
    Mã:
    <%=Html.TextAreaFor(model => model.MOTA, new { id = "mota", style = "width:500px; height:200px", onclick = "add();", onfocus = "add();" })%>
    Lưu ý: các bạn phải khai báo ID của textarea trùng với ID mà bạn khai báo trên đoạn script. Ví dụ: đoạn script trên sẽ thêm editor vào những textare có ID là "mota". Do vậy bạn phải thêm id = "mota" vào textarea
    Đặc biệt là Editor này có thể sử dụng cho cả các partialview. Đối với những bạn đã từng lập trình Editor sẽ "hiểu" nỗi khổ khi mà editor không hiển thị được trong partialview.
    Với cách sử dụng script trên thì việc sử dụng editor trong partialview hoàn toàn đơn giản !

    Chúc các bạn thành công !
    Lần sửa cuối bởi manhtuan; 29-11-2012 lúc 01:00 PM

  2. #2
    Status : Administrator đang ẩn
    Tham gia ngày : Aug 2011
    Đến từ : Ninh Kiều - Cần Thơ
    Bài gửi : 1.450

    Re: Tích hợp nicEditor vào ứng dụng ASP.NET MVC3 (implement nicEditor into MVC3)

    Để tất cả các TextArea ta sử dụng Script sau:
    PHP Code:
    <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
    <script type="text/javascript">
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
    </script> 
    Mẹo: nên down cái Script http://js.nicedit.com/nicEdit-latest.js đưa vào project của bạn. Để khi không có NET cái Editor vẫn chạy!

    Cho 1 cai textarea nào đó chạy:
    PHP Code:
    <script type="text/javascript">
        
    bkLib.onDomLoaded(function() {
            
    nicEditors.editors.push(
                new 
    nicEditor().panelInstance(
                    
    document.getElementById('thongtin')
                )
            );
    });
    </script> 
    Lần sửa cuối bởi Administrator; 16-04-2013 lúc 12:39 PM

+ Trả lời chủ đề

Từ khóa (Tag) của chủ đề này

Quyền viết bài

  • Bạn không thể gửi chủ đề mới
  • Bạn không thể gửi trả lời
  • Bạn không thể gửi file đính kèm
  • Bạn không thể sửa bài viết của mình
Trang Chủ Việc Làm Gia Sư Gia sư