Ace редактор для сайта / Элементы / Сниппеты Bootstrap

Версия: v1.2.6

Каталог: Сниппеты Bootstrap

Категория: Элементы

Для Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP

Язык: Английский

Вес файла: 0.7 Kb

Уникальный ID: 5652

Количество символов:

Посмотрели: 548 раз

Помощь: установка & настройка

Прикреплён файл №1: /_sf/56/5652.html

Прикреплён файл №2: /stuff/0-0-0-5652-20

Скачали бесплатно: 12 раз

Прокомментировали: 0 раз

Рейтинг: 3.0 / 5 - 5 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Snippet, Editor, редактор, element, элемент, сниппет

Поделился: BootstrapТема

Добавлено: 2023-01-10 в 20:31

Метка: 1673371887

⇄ ⇅

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>ACE Editor BootstrapTema</title>
 <style>
#editor{height:350px}@media only screen and (max-width:990px){#editor{height:350px}}@media only screen and (max-width:767px){#editor{height:250px}}@media only screen and (max-width:479px){#editor{height:200px}}#editor *,.editor *{font-family:monospace!important;font-size:16px!important;direction:ltr!important;text-align:left!important}
 </style>
</head>
<body>
 <div id="editor">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
 &lt;meta charset=&quot;utf-8&quot;&gt;
 &lt;title&gt;ACE Editor BootstrapTema&lt;/title&gt;
 &lt;style&gt;
#editor {
 height: 350px;
}
@media only screen and (max-width: 990px) {
 #editor {
 height: 350px;
 }
}
@media only screen and (max-width: 767px) {
 #editor {
 height: 250px;
 }
}
@media only screen and (max-width: 479px) {
 #editor {
 height: 200px;
 }
}
#editor *,
.editor * {
 font-family: monospace !important;
 font-size: 16px !important;
 direction: ltr !important;
 text-align: left !important;
}
 &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
 &lt;div id=&quot;editor&quot;&gt;
 &lt;/div&gt;
 &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
 &lt;script&gt;
 var editor = ace.edit(&quot;editor&quot;);
 editor.setTheme(&quot;ace/theme/clouds&quot;);
 editor.getSession().setMode(&quot;ace/mode/html&quot;);
 &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
 </div>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js" type="text/javascript" charset="utf-8"></script>
 <script>
 var editor = ace.edit("editor");
 editor.setTheme("ace/theme/clouds");
 editor.getSession().setMode("ace/mode/html");
 </script>
</body>
</html>

BootstrapTema

Ace редактор для сайта

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0