Nút tùy chỉnh Xinha

Question

Tôi đang sử dụng trình soạn thảo Xinha như là một phần của ứng dụng CMS được viết tùy chỉnh cho văn phòng của tôi. Tôi đang cố gắng cho phép người dùng đánh dấu một phần số và nhấp vào nút "một phần". Tất cả những gì tôi muốn xảy ra là HTML/Text được chọn sẽ được đóng gói bởi <part> và </part> (điều này sẽ được xử lý tại thời điểm hiển thị để cung cấp liên kết đến trang có thông tin về phần đã chọn).

Tôi thực sự đang vật lộn ở đây. Đây là mã tôi có cho đến nay. Tôi cho rằng tôi sẽ cần tìm văn bản đã chọn tại vị trí cụ thể được chọn và thực hiện thay thế, nhưng tôi không thể tìm thấy bất kỳ tài liệu nào về cách truy cập HTML ở phạm vi đã chọn.

xinha_config.btnList["part"] = [ 
    "Part Number", 
    "/xinha/images/part.png", 
    true, 
    function(e) { 
     var part = e.getSelectedHTML(); // This is the selected part number 

    } 
]; 

Answer 1

Để làm điều đó bạn phải làm theo quy trình lâu hơn một chút.

Tôi cho bạn bước ..

Như bạn muốn để đóng gói các văn bản đã chọn trong <part>

1) bạn cần phải nắm bắt mẹ của văn bản đã chọn,

2) Chụp innerHTML của cha mẹ

3) Tìm các số bắt đầu của chọn trong let HTML bên trong nói 43

4) chèn thẻ đầu tiên <part> tại đây theo số này được cập nhật bởi 43 + 6 (của TAG) = 49 văn bản được chọn bắt đầu tại đây.

5) Bây giờ, 49 + độ dài của văn bản đã chọn cho phép nói 12 = 49 + 12 = 61; ở đây bạn sẽ chèn thẻ đóng </part>

và bạn đang thực hiện với nhiệm vụ của bạn ..

Chỉnh sửa, Tài liệu: Link

tôi đã có thể để xác định Config Danh sách Biến rằng sẽ giúp đỡ,

Link 3 tại đây bạn sẽ tìm thấy này xinha_config >> Định dạng khối http://trac.xinha.org/wiki/Documentation/ConfigVariablesList#xinha_config.formatblock

Một số cách bạn có thể thêm các <part> dưới đây này ..

... 
"Formatted": "pre", 
"Part": "part" 
} 

rằng nên làm ... theo hiểu biết của tôi

và cách khác xung quanh là custom style, điều này sẽ cho biết chi tiết của pageStyle. Sử dụng mà bạn có thể tùy chỉnh bất kỳ tab sẵn có của html .. chúng ta hãy nói, hoặc cái gì khác.

và tùy chỉnh kiểu của nó thành Vàng.

xinha_config.pageStyle = 
    'p { color:red; }\n' + 
    'h1 { color:yellow; }\n' + 
    'a {text-decoration:none; }' + 
    'span{background-color:yellow; }'; 

Tôi hy vọng điều này sẽ giúp ...