adriatic

<template >
  <textarea ak-rich-editor="k-tools.bind: tools"
            style="height:400px">

    &lt;p&gt;&lt;img src=&quot;http://demos.telerik.com/kendo-ui/content/web/editor/kendo-ui-web.png&quot; alt=&quot;Editor for ASP.NET MVC logo&quot; style=&quot;display:block;margin-left:auto;margin-right:auto;&quot; /&gt;&lt;/p&gt;
    &lt;p&gt;
        Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.&lt;br /&gt;
        In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
        and image handling. The widget &lt;strong&gt;outputs identical HTML&lt;/strong&gt; across all major browsers, follows
        accessibility standards and provides API for content manipulation.

adriatic

<template >
<div id="example">
    <div class="box wide">
        <h3>Note: this sample only displays the configuration</h3>
        <p>The sample itself does not work since Telerik's API does not allow requests from this origin.</p>

        <hr>

        <p>Allowed file types for the Image browser are: jpg, jpeg, gif, png</p>
        <p>Allowed file types for the File browser for this demo are: txt, doc, docx, xls, xlsx, ppt, pptx, zip, rar, jpg, jpeg, gif, png</p>

adriatic

<template >
    <div id="example">
        <textarea ak-rich-editor="k-tools.bind: tools; k-resizable: resizable"
                style="height:440px">

        &lt;p&gt;&lt;img src=&quot;http://demos.telerik.com/kendo-ui/content/web/editor/kendo-ui-web.png&quot; alt=&quot;Editor for ASP.NET MVC logo&quot; style=&quot;display:block;margin-left:auto;margin-right:auto;&quot; /&gt;&lt;/p&gt;
        &lt;p&gt;
            Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.&lt;br /&gt;
            In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
            and image handling. The widget &lt;strong&gt;outputs identical HTML&lt;/strong&gt; across all major browsers, follows

adriatic

<template >
  <div id="example">
    <textarea ak-rich-editor="k-tools.bind: tools"
              style="height:440px">

    Put the cursor after this text and use the "Insert HTML" tool.
    </textarea>
  </div>
</template>

adriatic

<template >
    <div id="example">
        <div class="box wide">
        <h4>Information</h4>
        <p>
            The following demo shows how to use the Editor's style tool, which provides the ability to customize the widget content by means of custom
            CSS classes and styling, and a CSS file registered in the Editor iframe document.
        </p>
        </div>

adriatic

<template >
<div id="example">
    <textarea ak-rich-editor="k-tools.bind: tools; k-stylesheets.bind: stylesheets"
              style="height:440px">

    &lt;p&gt;&lt;img src=&quot;http://demos.telerik.com/kendo-ui/content/web/editor/kendo-ui-web.png&quot; alt=&quot;Editor for ASP.NET MVC logo&quot; style=&quot;display:block;margin-left:auto;margin-right:auto;&quot; /&gt;&lt;/p&gt;
    &lt;p&gt;
        Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.&lt;br /&gt;
        In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
        and image handling. The widget &lt;strong&gt;outputs identical HTML&lt;/strong&gt; across all major browsers, follows

adriatic

<template >
    <require from="./logger.js"></require>
    <div id="example">
        <textarea ak-rich-editor="k-resizable.bind: resizable"
                  k-on-change.delegate="onChange($event.detail)"
                  k-on-select.delegate="onSelect($event.detail)"
                  k-on-execute.delegate="onExecute($event.detail)"
                  k-on-paste.delegate="onPaste ($event.detail)"
                  style="height:360px">

adriatic

<template>
  <div id="example">
    <ak-gantt k-data-source.bind="tasksDataSource"
             k-dependencies.bind="dependenciesDataSource"
             k-views.bind="['day', {type:'week', selected: true}, 'month']"
             k-height.bind="700"
             k-show-work-hours.bind="false"
             k-show-work-days.bind="false"
             k-snap.bind="false">
      <ak-gantt-col k-field="id" k-title="ID" k-width.bind="60"></ak-gantt-col>

adriatic

<template>
  <div id="example">
    <ak-gantt k-data-source.bind="tasksDataSource"
             k-dependencies.bind="dependenciesDataSource"
             k-views.bind="['day', {type:'week', selected: true}, 'month']"
             k-height.bind="700"
             k-show-work-hours.bind="false"
             k-show-work-days.bind="false"
             k-resizable.bind="true"
             k-snap.bind="false">

adriatic

<template>
  <div id="example">
    <ak-gantt k-data-source.bind="tasksDataSource"
             k-dependencies.bind="dependenciesDataSource"
             k-toolbar.bind="['append', 'pdf']"
             k-pdf.bind="pdf"
             k-views.bind="['day', {type:'week', selected: true}, 'month']"
             k-height.bind="700"
             k-show-work-hours.bind="false"
             k-show-work-days.bind="false"