2012-01-09 14 views
8

का उपयोग कर नई सामग्री के साथ ckEditor में बदलें, मैं अपने एमवीसी अनुप्रयोग में सीकेएडिटर ver.3.6 का उपयोग कर रहा हूं।चयनित सामग्री को जावास्क्रिप्ट

मेरी आवश्यकता ckEditor में नए पाठ के साथ चयनित पाठ को अद्यतन करना है। मैं विधि संपादक को ढूंढ सकता हूं .getSelection()। GetSelectedText(); संपादक से चयनित पाठ प्राप्त करने के लिए। जब टूलबार बटन दबाया जाता है और चयनित सामग्री को जावास्क्रिप्ट का उपयोग करके अपडेट किया जाता है तो मुझे चयनित टेक्स्ट के साथ कुछ टैग जोड़ना होगा।

उदाहरण के लिए: CKeditor में

सामग्री

 
<span>Edit content in the editor</span> 

है और मैं CKeditor से शब्द "संपादक" का चयन किया है। मुझे जावास्क्रिप्ट कोड का उपयोग कर "ckEditor" के साथ चयनित शब्द "संपादक" को अपडेट करना होगा।

कृपया एक उचित समाधान का सुझाव दें।

उत्तर

3

यह डॉक्स से मेरे लिए लग रहा है के रूप में निम्नलिखित (untested) काम करेगा: एक बटन के onclick घटना में इस समारोह

editor.insertText("ckEditor"); 
+0

इसके अलावा, प्रतिस्थापित तत्व का चयन किया जाना चाहिए। । Editor.getSelection() selectElement (तत्व); – efeyc

+0

@efeyc आप 'तत्व' कैसे प्राप्त करते हैं? –

4

का प्रयोग करें।

function Replace() 
{ 
    //after selecting the text in the editor 
    //get text to replace;  
    var repStr=$("#repTxt").val();   
    editor.insertHtml(repStr);  
} 

चीयर्स सुनील राज

1

दोनों editor.insertText() और editor.insertHtml() काम करना चाहिए, लेकिन आप इससे पहले कि आप पाठ अद्यतन करने का प्रयास सुनिश्चित करें कि संपादक के लिए तैयार है बनाने के लिए है:

var editor = CKEDITOR.replace('editor'); 

editor.on('instanceReady', function(){ 
    editor.insertHtml('...'); 
}); 
संबंधित मुद्दे