как мы можем получить контроль HTML, если таковые имеются, которые находятся внутри RadEditor - PullRequest
0 голосов
/ 02 января 2012

Я хочу узнать, как мы можем получить html-контроль, если таковой имеется, который находится внутри RadEditor, и заменить это значение.Я пытался таким образом изменить источник изображения.

 <script type="text/javascript">
function getEditor()
 {
    editor = $find("<%=reFormEditor.ClientID%>"); //return a reference to RadEditor
    var image = editor.get_document().body.document.getElementById("Image1");
}

Вот мой aspx:

 <telerik:RadEditor runat="server" ID="reFormEditor">
<Content>
<asp:Button ID="btnSubmit2" runat="server" Text="Submit"/>
<img id="Image1" src="../Images/tabSelected.jpg" />
</Content>
</telerik:RadEditor>

Я хочу изменить источник изображения, когда текстовое поле keydown,Помогите мне, как решить эту проблему.

1 Ответ

1 голос
/ 02 января 2012

Вот код, и вы не можете поместить кнопку внутри содержимого, оно должно быть вне содержимого редактора:

<body>
  <script type="text/javascript">
    function replaceImage() {
      var editor = $find("<%= reFormEditor.ClientID %>");
      var oDocument = editor.get_document()
      var img = oDocument.getElementById('imageInContents');
      img.src = '/image2.png';
    }  
  </script> 
  <form id="form1" runat="server">
    <asp:ScriptManager ID="mika" runat="server"></asp:ScriptManager>
    <telerik:RadEditor runat="server" ID="reFormEditor">
    <Content>
      <img id="imageInContents" src="/image1.png" />
    </Content>
    </telerik:RadEditor>
    <input type="button" onclick="replaceImage()" value="Replace Image" /> 
    </form>
</body>

А вот пример с изменением текста

<body>
  <script type="text/javascript">
    function replaceSpanText() {
      var editor = $find("<%= reFormEditor.ClientID %>");
      var oDocument = editor.get_document()
      var spn = oDocument.getElementById('span1');
      spn.innerHTML = 'Text 2';
    }  
  </script> 
  <form id="form1" runat="server">
    <asp:ScriptManager ID="mika" runat="server"></asp:ScriptManager>
    <telerik:RadEditor runat="server" ID="reFormEditor">
    <Content>
      <span id="span1">Text 1</span>
    </Content>
    </telerik:RadEditor>
    <input type="button" onclick="replaceSpanText()" value="Replace text" /> 
    </form>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...