Display HTML produced by the kendo editor in the silverlight richtextbox

2 posts, 0 answers
  1. Henri
    Henri avatar
    74 posts
    Member since:
    Aug 2008

    Posted 19 Jun 2015 Link to this post

    Hi,

    I am trying to display some html that was generated by the Kendo Editor (jQuery/HTML5) in a silverlight application with a richtextbox.

    In XAML I placed this code:

     <Telerik:HtmlDataProvider x:Name="_htmlDataProvider" RichTextBox="{Binding ElementName=_ticketRtb}" Html="{Binding SelectedTicket.DescriptionHtml,Mode=TwoWay}" >
                        <Telerik:HtmlDataProvider.FormatProvider>
                            <Telerik:HtmlFormatProvider>
                                <Telerik:HtmlFormatProvider.ImportSettings>
                                    <Telerik:HtmlImportSettings  UseDefaultStylesheetForFontProperties="True" UseHtmlHeadingStyles="True" />
                                </Telerik:HtmlFormatProvider.ImportSettings>
                                <Telerik:HtmlFormatProvider.ExportSettings>
                                    <Telerik:HtmlExportSettings 
                                                    ImageExportMode="Base64Encoded"
                                                    ExportFontStylesAsTags="True"
                                                    ExportStyleMetadata="False"
                                                    StyleRepositoryExportMode="ExportStylesAsCssClasses"
                                                    StylesExportMode="Inline"
                                                />
                                </Telerik:HtmlFormatProvider.ExportSettings>
                            </Telerik:HtmlFormatProvider>
                        </Telerik:HtmlDataProvider.FormatProvider>
                    </Telerik:HtmlDataProvider>
                    <Telerik:RadRichTextBox x:Name="_ticketRtb" Margin="0,5,0,0" DocumentContentChanged="_ticketRtb_OnDocumentContentChanged"
                                            IsReadOnly="{Binding SelectedCustomer.ReadOnly}"/>

    The HTML contains embedded images, the image data is removed to keep the post small.

     

    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta
          http-equiv="Content-Type"
          content="text/html; charset=utf-8" />
        <meta
          name="Generator"
          content="PowerTools for Open XML" />
        <title></title>
        <style>
    p.pt-Normal {
        margin-bottom:9pt;
        text-align:left;
        font-family:'Verdana', 'sans-serif';
        font-size:12pt;
        line-height:108%;
        margin-top:0pt;
        margin-left:0pt;
        margin-right:0pt;
    }
    span.pt-000000 {
        font-family:'Verdana', 'sans-serif';
        font-size:12pt;
        font-weight:normal;
        margin:0in;
        padding:0in;
    }
    span.pt-000001 {
        font-size:12pt;
        font-weight:normal;
        margin:0in;
        padding:0in;
    }
    </style>
      </head>
      <body>
        <div>
          <p
            dir="ltr"
            class="pt-Normal">
            <span
              class="pt-000000">anbei ein Beispiel wo die &Uuml;bernahme von Artikeln unter dem Meldebestand &nbsp;in den Nachschubvorschlag nicht funktioniert. In diesem Fall Chili con Carne.</span>
          </p>
          <p
            dir="ltr"
            class="pt-Normal">
            <span
              class="pt-000001">
              <img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABzwAAAN....JRU5ErkJggg=="
                width="1852"
                height="862"
                style="width: 9,020833in; height: 4,198681in"
                alt="" />
            </span>
          </p>
          <p
            dir="ltr"
            class="pt-Normal">
            <span
              class="pt-000001">
              <img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmYAAA..../dgYkybn7vc4AAAAASUVORK5CYII="
                width="614"
                height="392"
                style="width: 6,395833in; height: 4,083333in"
                alt="" />
            </span>
          </p>
          <p
            dir="ltr"
            class="pt-Normal">
            <span
              class="pt-000000">Wir hatten einen &auml;hnlichen Fehler schonmal. Da lag es dran, dass Artikel die bei der Initiallieferung in einer Menge &lt; &nbsp;Meldebestand geliefert werden keinen Nachschubvorschlag ausl&ouml;sen.</span>
          </p>
          <p
            dir="ltr"
            class="pt-Normal">
            <span
              class="pt-000000">Der Fehler wurde zumindest f&uuml;r den Fall, dass die Liefermenge = 0 ist gel&ouml;st.</span>
          </p>
          <p
            dir="ltr"
            class="pt-Normal">
            <span
              class="pt-000001">&nbsp;</span>
          </p>
        </div>
      </body>
    </html>

     

    What do I need to change in order to display this HTML inside the silverlight richtextbox?

    Best regards, 

    Henri.

     

     

  2. Henri
    Henri avatar
    74 posts
    Member since:
    Aug 2008

    Posted 22 Jun 2015 Link to this post

    The problem was somewhere else in the code.

    Sorry about that.

    Regards,

    Henri

  3. DevCraft banner
Back to Top