WYSIWYG

Чтобы добавить визуальный HTML-редактор в интерфейс своего приложения или плагина, достаточно подключить несколько CSS- и JavaScript-файлов и добавить код инициализации WYSIWYG-редактора под названием redactor, как показано в примере:

<link type="text/css" rel="stylesheet" href="{$wa_url}wa-content/js/redactor/redactor.css">
<script src="{$wa_url}wa-content/js/jquery/jquery-1.9.1.min.js"></script>
<script src="{$wa_url}wa-content/js/redactor/redactor.min.js"></script>

{* подключение отдельной локализации, если язык пользователя отличается от английского *}
{$lang = substr($wa->locale(), 0, 2)}
{if $lang != 'en'}<script src="{$wa_url}wa-content/js/redactor/{$lang}.js"></script>{/if}

{* контейнер для редактора — обычно textarea *}
<textarea id="content" name="content"></textarea>

<script type="text/javascript">

$(function(){
    //указываем id элемента, который будет использоваться в качестве контейнера
    $('#content').redactor();
});

</script>