Tôi vừa cài đặt trình soạn thảo TinyMCE cho trang web của mình. Nhưng nền mặc định là màu đen và màu văn bản có màu xám. Bất kỳ ai cũng có thể cho tôi biết cách thay đổi màu nền thành màu trắng và màu văn bản thành màu đen.Làm thế nào để thay đổi hình nền của TinyMCE?
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/editor_css
Mà không biết các chi tiết cụ thể về cấu hình trang web của bạn, tôi sẽ đoán rằng nó đang cố gắng tải lên một số file css. Xem qua tài liệu cấu hình. Bạn có thể cần phải thêm hoặc sửa đổi một số CSS (nếu nó đã tải một số).
TinyMCE có thể đang sử dụng biểu định kiểu chính của trang web của bạn. Và trong trường hợp này, nó có văn bản màu xám trên nền đen.
Tất cả bạn cần làm là thêm phong cách này để stylesheet chính của bạn:
body.mceContentBody {
background: #fff;
color:#000;
}
Và sau đó cứng rõ ràng bộ nhớ cache của bạn hoặc khởi động lại phiên giao dịch để TinyMCE sẽ được tải lên CSS tươi. Và sau đó khu vực chỉnh sửa của bạn bây giờ sẽ hiển thị văn bản màu đen (#000) trên nền trắng (#fff).
Hoặc bạn có thể thay đổi màu sắc sử dụng js:
tinyMCE.init(
mode : "textareas",
theme : "simple",
oninit : "postInitWork"
});
function postInitWork()
{
var editor = tinyMCE.getInstanceById('myEditorid');
editor.getBody().style.backgroundColor = "#FFFF66";
}
Thêm mã sau đây để các kiểu theme đã làm việc một cách hoàn hảo!
body.mceContentBody {
background: #fff;
color:#000;
}
Tôi đã kéo tóc ra khỏi cái này - và tin tôi đi, tôi không có mái tóc nào để rảnh rỗi. :-) Cảm ơn bạn!
Đã xảy ra sự cố tương tự một thời điểm trước đây và nhận thấy rằng sự cố của tôi đã xảy ra do da (cirkuit) có !important; hack bằng văn bản này.
html, body {
background: #FFFFFF !important;
margin: 0;
padding: 0;
}
Tôi khuyên bạn nên sử dụng cấu hình tinymce để tác động đến phong cách trong tinymce, thay vì không sử dụng các tệp css lõi.
Có cài đặt content_css cho phép bạn chỉ định tệp ccs sẽ ghi đè hành vi mặc định (css). Đó là con đường để đi. Bạn có thể sử dụng css từ các câu trả lời khác được cung cấp.
Đây là một phản ứng rất tốt cho vấn đề ở bàn tay. – jerrygarciuh
Thêm BODY_CLASS Để init như thế này:
<script type="text/javascript">
tinyMCE.init({
mode: "textareas",
theme: "advanced",
theme_advanced_buttons1: "bold,italic,underline",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_default_foreground_color: "#FFFFFF",
body_class: "mceBlackBody"
});
</script>
Trong content.css của chủ đề đúng, chỉ cần thêm các mục sau đây:
body.mceBlackBody {background:#000; color:#fff;}
Điều này sẽ làm cho cơ thể màu đen và các văn bản trắng trong biên tập viên
Tôi khuyên bạn nên thay đổi tệp css content.min.css nằm trong thư mục chủ đề của bạn. Thay đổi định nghĩa của
body{background-color:#595345;}
để bất cứ điều gì mong muốn của bạn
đúng, nhưng hãy chắc chắn để tắt tính background-image, tôi đã có một vấn đề với thừa kế từ background-image cơ thể. Thêm ** background-image: none; ** to .mceContentBody style. –