Đầu tiên: Cảm ơn rất nhiều đến @Thomas McDonald vì câu trả lời của anh ấy ; Tôi cần phải tìm ra chính xác cùng một câu hỏi mà @Paul Sheldrake đã hỏi và mã của Thomas đã giúp tôi bắt đầu đi đúng hướng.
Thật không may, sau đó tôi bị kẹt vì tôi cần thay đổi bố cục từ mặc định sang bố cục đơn giản và nhỏ hơn vì tôi cần sử dụng TinyMCE trong một siêu dữ liệu phụ. Tôi đã tìm kiếm thực tế ở khắp mọi nơi để tìm giải pháp và đặc biệt là trên MoxieCode TinyMCE Wiki và TinyMCE Mẹo & Cách diễn đàn và không tìm thấy gì! 1 Tất cả những gì tôi tìm thấy giải thích làm thế nào để thiết lập theme, width, heightvv sử dụng tinyMCE.init({...})nhưng dường như bạn không thể sử dụng khi bạn sử dụng tinyMCE.execCommand("mceAddControl").
Tôi đã bối rối khi tôi chạy qua bài viết nhiều trường hợp TinyMCE 3 trên một trang của Hamilton Chua , và anh ta đóng đinh nó! Giải pháp của ông là chỉ định tinyMCE.settingstrước khi gọi tinyMCE.execCommand("mceAddControl"), ví dụ:
<?php
$id = "sidebar-content";
$script = <<<EOT
<script type="text/javascript">
jQuery(document).ready(function($) {
$("#{$id}").addClass("mceEditor");
if ( typeof( tinyMCE ) == "object" &&
typeof( tinyMCE.execCommand ) == "function" ) {
tinyMCE.settings = {
theme : "advanced",
mode : "none",
language : "en",
height:"200",
width:"100%",
theme_advanced_layout_manager : "SimpleLayout",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : ""
};
tinyMCE.execCommand("mceAddControl", true, "{$id}");
}
});
</script>
<textarea id="sidebar-content" name="sidebar-content"></textarea>
EOT;
Điều đáng buồn là điều này thực sự không khó, nhưng nó không được ghi lại ở bất kỳ nơi nào khác mà tôi có thể tìm thấy. Thật tuyệt vời khi phát hiện ra hầu như không ai khác gặp phải vấn đề này.
Vì vậy, dù sao đoạn mã trên đã tạo ra TinyMCE thứ hai sau đây theo đúng định dạng / bố cục mà khách hàng của tôi cần:
(nguồn: mikechinkel.com )
Vì vậy, nếu bạn đang sử dụng mã @Thomas McDonald ở trên, bạn thấy bạn có bất kỳ nhu cầu sửa đổi bố cục nào, hãy chắc chắn kiểm tra bài viết tuyệt vời của Hamilton Chua (cảm ơn Ham!) :
PS Nếu bạn làm điều gì đó thậm chí hơi sai, TinyMCE có thể hoàn toàn không hiển thị. Ví dụ trong trường hợp của tôi, tôi sử dụngtheme: "simple"lúc đầu và tôi không có gì và tôi phải mất hơn một giờ để nhận ra rằng tôi chỉ cần sử dụngtheme: "advanced". Vì vậy, nếu bạn thấy TinyMCE không hoạt động, bạn chắc chắn sẽ thử thay đổi mọi thứ xung quanh, bạn có thể gặp vấn đề tương tự. (BTW, tôi chưa thử bất kỳ chủ đề nào khác cũng như không khám phá những chủ đề khác có sẵn; nếu bạn tìm thấy các chủ đề khác hoạt động, vui lòng để lại nhận xét bên dưới.)
Chú thích
1 : Rất bực bội! Sau hơn một tháng với WordPress Trả lời, bây giờ tôi đang mong đợi tìm câu trả lời cho tất cả các câu hỏi của mình có cùng mức chất lượng như ở đây và ở nơi khác tôi thường thấy thất vọng!