2011-09-01 33 views
6

ckeditor tôi đang bổ sung thêm rất nhiều thẻ không cần thiết khi áp dụng một phong cách cho một đoạn chọnckeditor thêm đoạn trống khi áp dụng một phong cách

tôi bắt đầu ckeditor với html sau:

<p> 
    Hi, this a text!</p> 

Khi tôi chọn đoạn văn và áp dụng một kiểu bằng cách sử dụng thanh công cụ, CKEditor định dạng html của tôi thành:

<p> 
    <span style="display: none;">&nbsp;</span></p> 
<p> 
    <span id="cke_bm_173S" style="display: none;">&nbsp;</span>Hi, this a text!<span id="cke_bm_173E" style="display: none;">&nbsp;</span></p> 
<p> 
    <span style="display: none;">&nbsp;</span></p> 

Có cách nào ngăn CKEditor thêm đoạn văn e không phá vỡ không gian?

Những điều tôi đã cố gắng được thêm config.fillEmptyBlocks = false;config.IgnoreEmptyParagraphValue = true; để tập tin cấu hình của tôi

Cập nhật Hóa ra vấn đề này là do phong cách riêng của mình đó là một phong tục được xác định phong cách. Đoạn mã này là vấn đề: {name : 'Heading1', element : 'p class= "subheadingsecondlevel"}, một khi tôi thay đổi nó để: {name : 'Heading1', element : 'p', attributes : {class : 'subheadingsecondlevel'} }

Trả lời

8

Bạn có thể muốn xem xét sau đây:

config.enterMode = CKEDITOR.ENTER_BR; 
config.autoParagraph = false; 

Bạn có thể kiểm tra bài của tôi ở đây để biết thêm:
How to configure ckeditor to not wrap content in <p> block?

Cài đặt cấu hình sau sẽ ngăn trình chỉnh sửa chèn không gian không bị phá vỡ vào các đoạn trống:

config.fillEmptyBlocks = false; 


Tất cả mã bổ sung được chèn sau khi chỉ áp dụng một kiểu?
Bạn áp dụng kiểu nào, tất cả mã phụ có được chèn vào bất kể kiểu bạn sử dụng không?
Điều gì xảy ra nếu bạn chọn văn bản và nhấp vào nút in đậm?
Mã bạn đang hiển thị có được sao chép từ chế độ xem nguồn của trình chỉnh sửa hay từ trang cuối cùng mà bạn sử dụng để hiển thị nội dung của mình không?

Hãy Vâng,
Joe

+0

Cảm ơn, nhưng tôi không quan tâm CKEditor gói văn bản trong các thẻ đoạn, tôi chỉ không muốn nó thêm chi phí vô dụng vào mã – Mark

+0

Tất cả mã bổ sung được chèn sau khi chỉ áp dụng một kiểu? Bạn đã áp dụng kiểu nào, tất cả các mã phụ có được chèn vào không phụ thuộc vào kiểu bạn sử dụng? Điều gì sẽ xảy ra nếu bạn chọn văn bản và nhấp vào nút in đậm? Mã bạn đang hiển thị có được sao chép từ chế độ xem nguồn của trình chỉnh sửa hay từ trang cuối cùng mà bạn sử dụng để hiển thị nội dung của mình không? – codewaggle

+0

Tôi đã thêm một cài đặt cấu hình khác vào câu trả lời, nó dừng không gian không phá vỡ, nhưng không dừng đoạn văn. – codewaggle

2

Hoặc, nếu tất cả thất bại, bạn có thể sử dụng CSS selector pseudo-class ': rỗng' và cung cấp cho nó một 'display: none'. Trong thực tế, bạn thêm dòng này vào CSS của bạn:

p:empty { 
    display:none 
} 

Tôi hiểu đó là một giải pháp bẩn nhưng nó hoạt động hoàn hảo trong hầu hết các trường hợp và có inpact tối thiểu về thiết kế và tính năng.

+0

Tôi nhận được một cái gì đó rất giống nhau - khối p rỗng, nếu UL là khối đầu tiên trong văn bản. Chỉ có cách để thoát khỏi nó là hack CSS này. – Ivan

Các vấn đề liên quan