extJs htmleditor의 속성 설정

텍스트 상자가 있고 텍스트가 쓰여 있습니다. 이제 누군가가 텍스트 상자를 클릭하면 html 편집기 (http://docs.sencha.com/ext-js/3-4/#!/api/Ext.form.HtmlEditor)가 열리고 텍스트 상자 안에 작성된 텍스트를 html 편집기에 넣어서 사용자가 쉽게 편집하고 저장할 수있게합니다. 마찬가지로 html 편집기를 열면 html 편집기에서 색상 상자 및 글꼴 크기 및 글꼴 값 내부의 값을 업데이트하려고합니다. 텍스트 상자에서이 값을 가져올 수 있다고 가정합니다. 나는 인터넷 검색을 시도했지만 이것을 수행하는 방법을 찾지 못했습니다.extJs htmleditor의 속성 설정

Ext.QuickTips.init(); // enable tooltips 
    new Ext.Panel({ 
    renderTo: 'text-editor', 
    id: 'html-editor', 
    width: 440, 
    height: 100, 
    frame: true, 
    layout: 'fit', 
    items: [ 
     { 
      xtype: 'htmleditor', 
      enableColors: true, 
      enableAlignments: true 
     } 
    ] 
}); 


    $('#selected-text-box').click(function() { 
    showEditor(this.id); 
    //TODO: Write code here to set the properties of editor with the properties set in textbox 
});

이제 질문하고 싶습니다. 어떻게 HTML 편집기의 필드에 액세스하고 그들의 가치를 설정합니다.

출처

2012-04-29 sachinjain024

인터넷 검색은 좋습니다. 코드가 실행되는 동안 무엇을 시도 했습니까? – sha

코드가 업데이트되었습니다. 내가 직면 한 주요 문제는 텍스트 상자에 글꼴 크기에 따라 htmleditor의 글꼴 크기를 설정하는 것입니다. – sachinjain024

이보십시오, 나는 내가 이것을 시도

var Content = $('#' + textBoxId).html(); 
editor.setValue(Content);

모르는 일이지만 글꼴 크기에 대한 것입니다. 그것은 작동합니다 :

출처

2012-05-01 05:53:36

extJs htmleditor의 속성 설정

답변

관련 문제