Плагин для сайта Переводчик Double-click Translator

Мы рады Вам представить JavaScript-библиотеку для быстрого перевода английского текста на русский язык. Перевод выполняется по Новому Большому Англо-Русскому Словарю (НБАРС) Ю.Д. Апресяна и Э.М. Медниковой. Чтобы увидеть перевод нужно дважды щелкнуть по слову. Ниже Вы можете опробовать этот плагин в действии:

In her favor, I go naked, live in a cheap room, eat rubbish, write with pale ink. Everything, everything she eats, insatiable! I hate her, despise her... For a long time it is time to divorce her, but I'm not, I am still not because Moscow lawyers take for a divorce four thousand... children... we do not have any... Do you want to know her name? Very well... It is poetic and sounds like Lily, Lelia, Nellie... Her name is - laziiiiiiness.
A.P. Chekhov - My "she"
Translated by V. Boychenko

Подключение к Вашему сайту

Есть два способа подключить плагин: простой и расширенный (с возможностью конфигурирования).

Для простого подключения просто разместите следующий HTML-код в любом месте Вашей страницы:
<script src="https://english-prosto.in.ua/plugin/dc-translator.js" data-autoload="1"></script>

Расширенный способ дает Вам возможность выполнять конфигурацию плагина, например, задавать ширину и высоту панели перевода, выбирать HTML-элемент, текст которого должен быть переведен, и т.д.
Пример:
<script src="https://english-prosto.in.ua/plugin/dc-translator.js"></script>
<script>
dcTranslator.init({
    node: document.getElementById('example_box'),
    width: 450,
    height: 300
});
</script>			

Полный список опций смотрите ниже.

Интеграция с jQuery

Данная библиотека может также работать в качестве плагина jQuery:

<script src="https://english-prosto.in.ua/plugin/dc-translator.js"></script>
<script>
$('#example_box').dcTranslator({
    width: 450,
    height: 300
});
</script>		

Список опций

Опция Значение по умолчанию Описание
node document.body HTML-элемент, на котором должен срабатывать перевод
width 500 Ширина панели перевода
height 300 Высота панели перевода
headerHtml 'Double-click Translator' HTML-код заголовка панели перевода
footerHtml 'Powered by <a href="http://english-prosto.in.ua/developer" target="_blank">English Prosto</a>' HTML-код нижней части панели перевода
loadingHtml 'Loading, please wait...' HTML-код элемента загрузки перевода
zIndex 10000000 CSS-свойство z-index панели перевода. Применяйте в том случае, если панель перевода перекрывается другими эленентами страницы
cssFile undefined URL к CSS-файлу, который будет внедряться в iframe-элемента панели перевода. Применяйте в том случае, если Вы хотите изменить стиль панели перевода

Совместимость с браузерами

Данная библиотека работает в следующих браузерах: Chrome, Firefox, Opera, Safari, IE7+

Промо-материалы

Если Вам понравился плагин, Вы можете поддержать его развитие, разместив у себя на сайте ссылку с изображением:

Double-click Translator
Код для вставки:
<a href="https://english-prosto.in.ua/developer" target="_blank" title="Дважды щелкните по слову чтобы получить перевод"><img src="https://english-prosto.in.ua/plugin/promo1.png" alt="Double-click Translator"></a>

Спасибо, что уделили нам время!

Обратная связь

Если у Вас есть какие-либо вопросы, пожелания, рекомендации или предложения по работе плагина, мы с радостью их выслушаем.
Ваше имя:
Ваш e-mail:
Текст сообщения:
Ваше сообщение было успешно отправлено