2014-01-13 77 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>