Tôi nên cấu hình bộ lọc wysiwyg như thế nào để căn chỉnh hình ảnh?


7

Đây là cách cấu hình của tôi trong bộ lọc wysiwyg trông như thế nào (trong Drupal7):

a[!href|target<_blank|title],
img[src|align<bottom?left?middle?right?top|alt|border|class|height|width|float],
div[align<center?justify?left?right],
p[align<center?justify?left?right],
br,span,em,strong,cite,code,blockquote,ul,ol,li,dl,dt,dd

Tuy nhiên, cấu hình của tôi không hoạt động để căn chỉnh hình ảnh.

Tôi đã xem lại mã của mình và việc căn chỉnh được thực hiện bằng cách sử dụng thẻ "style":

<img src="" alt="" style="float:right" />

Tôi đã thử cấu hình sau cho hình ảnh nhưng nó cũng không hoạt động:

img[src|align<bottom?left?middle?right?top|alt|border|class|height|width|float|**style**],

Đây là một nỗ lực khác không hoạt động:

@[style]

Và tôi cũng đã thử như vậy:

img[*],

Một nỗ lực khác là những gì được nêu chi tiết trong phương án này: http://screencast.com/t/jUOwMxmpu

Vì vậy, cấu hình phù hợp cho các hình ảnh được căn chỉnh là gì? Lỗi của tôi là gì


2
Có lẽ bạn vẫn bật bộ lọc "Giới hạn thẻ HTML" mặc định của Drupal, bên cạnh wysiwyg_filter? Điều này lọc ra bất kỳ kiểu css nội tuyến trên màn hình.
arjan

Câu trả lời:


1

Một số người quên tắt Bộ lọc HTML tích hợp khi họ bật Bộ lọc WYSIWYG. Nếu bạn lọc hai lần, bạn sẽ mất các thuộc tính img.

Về phần tôi, mặc dù, tôi không muốn đặt floattrên img; thay vào đó, tôi thả nổi div bao quanh hình ảnh và chú thích, cho phép chúng nổi cùng nhau. (Hình ảnh ví dụ, với chú thích nổi "Trận chiến ...": http://www.westkingdom.org/content/new-members ). Để cung cấp cho người chỉnh sửa nội dung trải nghiệm người dùng tốt, tôi cho phép họ đặt hình nổi trên hình ảnh bằng ckeditor, nhưng tôi di chuyển đánh dấu sang div trong hook hook khi nội dung được hiển thị. Trong kịch bản này, tôi không cần phải cho phép nổi trên hình ảnh.

Tôi có một bài viết về cách tôi đạt được hình ảnh phản hồi với chú thích bằng media 2.0, bộ lọc wysiwyg và một vài mô-đun khác và một vài móc tùy chỉnh.


0

Bạn cần phải whitelist các thuộc tính style trên thẻ hình ảnh của bạn img[!src|style]và sau đó bạn cần phải cũng whitelist các thuộc tính phong cách mà có thể được sử dụng. Bạn sẽ thấy một nhóm các hộp kiểm "Thuộc tính bố cục", đánh dấu vào hộp kiểm có chữ "float".


Tôi đã cố gắng định cấu hình với các đề xuất của bạn: screencast.com/t/WCupjASwmy44screencast.com/t/74iOevHtL9f và không có gì. Cảm ơn sự giúp đỡ của bạn và cảm ơn câu trả lời của bạn.
Cabita

Bạn đã xóa bộ nhớ cache của bạn? Tôi vừa kiểm tra cấu hình trên một bản cài đặt sạch và nó hoạt động.
rocketeerbkw

Tôi xóa bộ nhớ cache và không có gì. Các hình ảnh trên trình chỉnh sửa không được căn chỉnh.
Cabita
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.