第一個問題。 這是我的編輯器看起來像:如何在TinyMCE編輯器中單擊時禁用保存按鈕?以及如果TinyMCE編輯器在一個div中如何放置一個滾輪?
tinymce.init({
selector: "div.Body",
content_css : '/style/core.css',
inline: true,
force_br_newlines : true,
force_p_newlines : false,
forced_root_block: '',
plugins: [
"save advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
toolbar: "save insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
save_onsavecallback: function()
{
console.log("Sending body to database");
var list = {};
list.Id = "@Model.Id";
list.Body = $("#PageBody").html();
$.post("/home/SaveChanges", list, function (message) {
$('#save').attr('disabled', true);
$("#message").html("<strong>" + message + "</strong>");
});
}
});
當我打開編輯器,因爲「save_enablewhendirty」設置爲「真」在插件按鈕功能將被禁用。如果我開始編輯文本,保存按鈕啓用。如果我點擊保存按鈕,它仍然處於啓用狀態,只有當我再次點擊編輯器中的某處時,它纔會被禁用。問題是我必須在點擊按鈕後立即禁用保存按鈕。那可能嗎?
第二個問題。 編輯器顯示在編輯文本所在的div中。而且我有一個問題 - 如果我寫的文本太多,我無法滾動查看開頭的文本,因爲div保持原樣,它不取決於文本大小。我怎樣才能放置一個滾動條,以便我可以看到所有的文本,即使我寫了一個大段落?
這是HTML的樣子:
<div id="PageBody" contenteditable="true" class="Body">
<span id="text1">@Model.Body</span></div>
而CSS:
#Body, #PanelContent #PageBody {
border-top: 0.5em solid #009B7B;
padding: 0.25em 0.5em 0.25em 0.5em;
background: linear-gradient(to bottom, rgba(0,155,123,0.2) 0%,rgba(0,155,123,0.1) 50%,rgba(0,155,123,0) 100%);
position: relative;
width: 17.5em;
min-height: 100%;
margin-right: 1.25em;
margin-bottom: 1.25em;
clear: left;
float: left;
我把函數放到save_onsavecallback:function(){... here ...}但它不起作用。 :( – user5618385