2016-02-04 46 views
0

第一個問題。 這是我的編輯器看起來像:如何在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; 

回答

0

在你的代碼,被稱爲在救你可以添加一個調用設置髒狀態:

tinymce.activeEditor.setDirty(false); 

tinymce.editors[0].setDirty(false); 
+0

我把函數放到save_onsavecallback:function(){... here ...}但它不起作用。 :( – user5618385

0

至於你對DIV和滾動的問題 - 內聯編輯的默認行爲是DIV垂直增長。

  • 您是否使用CSS來控制DIV的佈局?
  • 你用什麼HTML來定義DIV?

顯示該問題的TinyMCE小提琴或Codepen可能會幫助人們更快地解決您的問題。

+0

我現在編輯了我的問題,請看。 – user5618385

相關問題