Плагин для сайта Переводчик 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://englishprosto.com.ua/plugin/dc-translator.js" data-autoload="1"></script>
Расширенный способ дает Вам возможность выполнять конфигурацию плагина, например, задавать ширину и высоту панели перевода, выбирать HTML-элемент, текст которого должен быть переведен, и т.д.
Пример:
<script src="https://englishprosto.com.ua/plugin/dc-translator.js"></script> <script> dcTranslator.init({ node: document.getElementById('example_box'), width: 450, height: 300 }); </script>
Полный список опций смотрите ниже.
Интеграция с jQuery
Данная библиотека может также работать в качестве плагина jQuery:
<script src="https://englishprosto.com.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://englishprosto.com.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+
Промо-материалы
Если Вам понравился плагин, Вы можете поддержать его развитие, разместив у себя на сайте ссылку с изображением:
Код для вставки:
<a href="https://englishprosto.com.ua/developer" target="_blank" title="Дважды щелкните по слову чтобы получить перевод"><img src="https://englishprosto.com.ua/plugin/promo1.png" alt="Double-click Translator"></a>
Спасибо, что уделили нам время!
Обратная связь
Если у Вас есть какие-либо вопросы, пожелания, рекомендации или предложения по работе плагина, мы с радостью их выслушаем.