2014-01-13 95 views
1

我必須一次使用2個ckeditor,一個用於普通英語,另一個用於font-family:Preeti。一般英語ckeditor是沒有問題的,但對於另一個我想要是默認的,不能被用戶修改。我該怎麼做。我能夠使用jQuery的更改功能。即當我使用下拉式改變字體時,我會按如下方式調用jquery更改函數。如何在ckeditor中設置默認字體名稱

$('#language').change(function(){ 
        var lang_id = $(this).val(); 
        var font_family= $(this).find('option:selected').attr('rel'); 
        var lang = $(this).find('option:selected').text(); 
        if($('#'+lang_id).size() < 1){ 
          var html_data= '<div class="single_data clone" id="'+lang_id+'"><span class="remove">Remove</span><span class="language">In '+lang+'</span><div class="control-group"><label class="control-label" >Content Title : *</label><div class="controls"> <input type="hidden" name="language[]" value="'+lang_id+'"/><input style="font-family:'+font_family+';" class="span12 title" type="text" value="" name="title['+lang_id+']" /></div></div><div class="span12"><div class="control-group"><label class="control-label">Content</label><div class="controls"><textarea style="font-family:'+font_family+';" class="editor" name="description['+lang_id+']"></textarea></div></div></div></div>'; 
          $('.multi_data').append(html_data); 

          var text_content = $('#'+lang_id).find('textarea.editor').ckeditor(); 
          CKEDITOR.on('instanceReady', function(ev) { 
           ev.editor.setData('<span style="font-family:'+font_family+';">&shy;</span>'); 
          }); 
        }else{ 
          alert('Content is already add for this language.'); 
        } 
     }); 

但我不想讓Preeti加載更改函數,但在default.i.e。一個正常默認英語的ckeditor,另一個默認字體家庭作爲Preeti.How我該怎麼做。任何想法/建議。提前致謝。

回答

1

發現一個想法......這裏

<textarea cols="100" id="editor1" name="editor1" rows="10"><p> <span style="font-family:Preeti;">­description</span></p> </textarea> 
<script type="text/javascript"> 
// Replace the <textarea id="editor1"> with an CKEditor instance. 
var editor = CKEDITOR.replace('editor1'); 
editor.on('instanceReady', function(ev){ //set the background properties ev.editor.setData('<span style="font-family:Preeti">&shy;</span>'); 
}); 
</script>