Как получить / настроить содержимое с помощью JavaScript с помощью редактора HTML AJAX Control Toolkit?

Question

Я использую редактор HTML инструментария AJAX Control, и у меня, как я надеюсь, простой вопрос.Как следует из заголовка вопроса - как получить / установить содержимое редактора HTML с помощью javascript?

У меня нет проблем с доступом к свойству содержимого на стороне сервера, но как это сделать на стороне клиента?1004 * Любая помощь с благодарностью получена!

Answer 1

Html Editor - это один из уникальных элементов управления Ajax Control Toolkit, поскольку он не наследует AjaxControlToolkit.ExtenderControlBase (на стороне сервера) и не наследует AjaxControlToolkit.BehaviorBase (на стороне клиента).

Таким образом, вы не можете использовать $find метод javascript для получения доступа к экземпляру поведения на клиенте. Он наследует AjaxControlToolkit.ScriptControlBase (на стороне сервера) и Sys.UI.Control (на стороне клиента).

Чтобы получить доступ к экземпляру элемента управления на клиенте, вы используете свойство элемента управления для самого элемента DOM следующим образом:

<script type="text/javascript">
//considering the editor is loaded.
var editorControl = $get("<%=editor.ClientID%>").control;

//1. For setting content:
editorContorl.set_content("Sample Content");

//2. For getting content:
var content = editorContorl.get_content();    
</script>

Answer 2

Вышеуказанные ответы не сработали для меня.Поэтому мне пришлось копаться в html и получить следующее рабочее решение.он работает годами и пережил многие фреймворки / ОС / браузеры обновляют / обновляют.

<script type="text/javascript">
    var varcont = '<%=txtInstructions.ClientID %>' + '_ctl02_ctl00';
    //Get Content
    var content = document.getElementById(varcont).contentWindow.document.body.innerHTML; 

    //Set Content
    document.getElementById(varcont).contentWindow.document.body.innerHTML='<b>I rock</b>'
</script>

Answer 3

$(function(){
    $find("editor").set_content("jQuery set content");
    alert($find("editor").get_content());
});