https://community.telligent.com/community/11/w/api-documentation/67408/html-ui-componenten-US14.0.0.586 14https://community.telligent.com/community/11/w/api-documentation/67408/html-ui-componentTue, 19 Nov 2019 20:28:35 GMTc0572c0c-d527-4292-9d67-c734ee4c1997Ben Tiedthttps://community.telligent.com/community/11/w/api-documentation/67408/html-ui-component#commentsCurrent Revision posted to API Documentation by Ben Tiedt on 11/19/2019 20:28:35<br /> <hr class="generated-documentation-start" style="border-width:0;" /><h3><a id="jQuery_telligent_evolution_ui_components_html" name="jQuery_telligent_evolution_ui_components_html"></a>jQuery.telligent.evolution.ui.components.html</h3> <p>[[ui JavaScript API Module|UI Component]] which enables a body of a textarea to be editable with rich editing support using [[evolutionHtmlEditor jQuery Plugin|evolutionHtmlEditor]]. The default implementation uses the [[evolutionHtmlEditor jQuery Plugin|evolutionHtmlEditor plugin]]. [[ui JavaScript API Module|Overrides can be provided]] at the theme level.</p> <h3><a id="Options" name="Options"></a>Options</h3> <p>Data made available to instances of the component:</p> <ul> <li><code>width</code>: The width of the HTML editor (default: &#39;100%&#39;)</li> <li><code>height</code>: The height of the HTML editor (default: &#39;300px&#39;)</li> <li><code>contenttypeid</code>: The content type identifier for the content being edited. This enables content-type-specific content filtering and functionality (default: null)</li> <li><code>placeholder</code>: The placeholder text to show in the editor when it is empty (default: null)</li> <li><code>enablefileupload</code>: When specified, forces file uploading support on or off. When null, file uploading support is determined by reviewing the specified content type&#39;s capabilities and filtering configuration (default: null)</li> <li><code>submittable</code>: Enables direct submission of the content from the editor (default: false)</li> <li><code>entertosubmitprompt</code>: When configured to be submittable, the text to enable typing enter to submit the content being edited (default: null)</li> <li><code>submitlabel</code>: When configured to be submittable, the text shown on the submission button, when shown (default: null)</li> <li><code>beforesubmithtml</code>: When configured to be submittable, HTML that should be rendered before the submit button or prompt (default: null)</li> <li><code>aftersubmithtml</code>: When configured to be submittable, the HTML that should be rendered after the submit button or prompt (default: null)</li> <li><code>autoresize</code>: When enabled, the editor will resize to fit the content by height (default: false)</li> <li><code>enableentertosubmittoggle</code>: When submittable, identifies whether the option to turn enter-to-submit on/off should be shown (default: false)</li> </ul> <h3><a id="See_also" name="See_also"></a>See also</h3> <ul> <li>[[evolutionCodeEditor jQuery Plugin|evolutionHtmlEditor jQuery Plugin]]</li> <li>[[evolutionHtmlEditorSubmit jQuery Event|evolutionHtmlEditorSubmit jQuery Event]]</li> </ul> <h3><a id="Example" name="Example"></a>Example</h3> <pre><code>&lt;textarea class=&quot;ui-html&quot; data-width=&quot;100%&quot; data-height=&quot;200px&quot;&gt; &amp;lt;b&amp;gt;This is bold&amp;lt;/b&amp;gt; and this isn&#39;t. &lt;/pre&gt; </code></pre> <hr class="generated-documentation-end" style="border-width:0;" /><div style="clear:both;"></div>