angularjs-ej1-demos/richtexteditor/alltools.html

52 строки
2.1 KiB
HTML
Исходник Постоянная ссылка Ответственный История

Этот файл содержит неоднозначные символы Юникода!

Этот файл содержит неоднозначные символы Юникода, которые могут быть перепутаны с другими в текущей локали. Если это намеренно, можете спокойно проигнорировать это предупреждение. Используйте кнопку Экранировать, чтобы подсветить эти символы.

<div ng-controller="RTECtrl">
<div class="content-container-fluid">
<div class="row">
<div class="cols-sample-area">
<div class="angularbind">
<div id="control" >
<textarea id="rteSample" class="ang-rte" ej-rte e-width="100%" e-tools="tools" showfooter=true showhtmlsource=true e-isresponsive="responsive" e-minwidth="150px" e-height="250px">
&lt;p&gt;&lt;b&gt;Description:&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;The Rich Text Editor (RTE) control is an easy to render in
client side. Customer easy to edit the contents and get the HTML content for
the displayed content. A rich text editor control provides users with a toolbar
that helps them to apply rich text formats to the text entered in the text
area. &lt;/p&gt;
&lt;p&gt;&lt;b&gt;Functional
Specifications/Requirements:&lt;/b&gt;&lt;/p&gt;
&lt;ol&gt;&lt;li&gt;&lt;p&gt;Provide
the tool bar support, its also customizable.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Options
to get the HTML elements with styles.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Support
to insert image from a defined path.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Footer
elements and styles(tag / Element information , Action button (Upload, Cancel))&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Re-size
the editor support. &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Provide
efficient public methods and client side events.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Keyboard
navigation support.&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;
</textarea>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
#rteSample {
margin: 0 auto;
}
.customUnOrder,.customOrder{
height:25px;
}
.customUnOrder:after {
content: "\e7f1";
font-size:20px;
float:left;
padding: 0px 4px 0px 4px;
}
.customOrder:after {
content: "\e7f0";
font-size:20px;
float:left;
padding: 0px 4px 0px 4px;
}
</style>
</div>