Добрый день. Имеется расширение. Делаю расширение. Не могу до конца реализовать следующий функционал. Перевод страницы целиком.
ПРИМЕР КОДА СТРАНИЦЫ (КУСОЧЕК)
<div itemscope itemtype="http://schema.org/SiteNavigationElement" id="access" role="navigation">
<div class="skip-link screen-reader-text"><a href="#content" title="Перейти к содержимому">Перейти к содержимому</a></div>
<div class="menu-header"><ul id="menu-main" class="menu"><li id="menu-item-14350" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-14350"><a href="https://starper55plys.ru/">Главная</a></li>
<li id="menu-item-14345" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14345"><a href="https://starper55plys.ru/shpargalki/">Шпаргалки web</a></li>
<li id="menu-item-14346" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14346"><a href="https://starper55plys.ru/html-shablony-ru/">HTML шаблоны на русском</a></li>
<li id="menu-item-14347" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14347"><a href="https://starper55plys.ru/o-sayte/">О сайте</a></li>
<li id="menu-item-14349" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14349"><a href="https://starper55plys.ru/ustanovka-programm/">Программы</a></li>
</ul></div> </div><!-- #access -->
</div><!-- #masthead -->
</div><!-- #header -->
<!--Навигация для мобильных-->
<div class="nav22" style="margin:">
<ul class="topmenu22">
<li><a href="" class="active">Страницы</a>
<ul class="submenu22">
<li><a href="https://starper55plys.ru/" class="submenu-link">Главная</a></li>
<li><a href="https://starper55plys.ru/shpargalki/" class="submenu-link">Шпаргалки web</a></li>
<li><a href="https://starper55plys.ru/html-shablony-ru/" class="submenu-link">HTML шаблоны</a></li>
<li><a href="https://starper55plys.ru/o-sayte/" class="submenu-link">О сайте</a></li>
<li><a href="https://starper55plys.ru/ustanovka-programm/" class="submenu-link">Программы web</a></li>
</ul>
</li>
<li><a href="" class="active">Рубрики</a>
<ul class="submenu22">
<li><a href="https://starper55plys.ru/category/html/" class="submenu-link">HTML основы</a></li>
<li><a href="https://starper55plys.ru/category/css/" class="submenu-link">CSS основы</a></li>
<li><a href="https://starper55plys.ru/category/php/" class="submenu-link">PHP основы</a></li>
<li><a href="https://starper55plys.ru/category/javascript-i-jquery/" class="submenu-link">JavaScript основы</a></li>
<li><a href="https://starper55plys.ru/category/seo/" class="submenu-link">SEO секретные тактики</a></li>
<li><a href="https://starper55plys.ru/category/wordpress/" class="submenu-link">CMS WordPress (Блог)</a></li>
<li><a href="https://starper55plys.ru/category/h-script/" class="submenu-link">CMS H-script(Инвестиции)</a></li>
<li><a href="https://starper55plys.ru/category/notepad/" class="submenu-link">Текстовый редактор Notepad++ Инструкция</a></li>
<li><a href="https://starper55plys.ru/category/videopad-video-editor/" class="submenu-link">Видео-редактор VideoPad Video Editor инструкция</a></li>
<li><a href="https://starper55plys.ru/category/money/" class="submenu-link">Заработок</a></li>
<li><a href="https://starper55plys.ru/category/computer/" class="submenu-link">Компьютер</a></li>
</ul>
</li>
</ul>
</div>
<div class="nav22">
<ul class="topmenu22">
<li><a href="https://starper55plys.ru/bez-rubriki/soderzhanie-sayta/" class="active">Содержание</a></li>
<li><a href="#novosti22" class="active">Новые статьи</a></li>
</ul>
</div><!--/Навигация для мобильных-->
<div id="main">
<div id="container">
<div id="content" role="main">
<div id="nav-above" class="navigation">
<div class="nav-previous"><a href="https://starper55plys.ru/css/shriftyi/" rel="prev"><span class="meta-nav">←</span> Шрифты для сайта в CSS</a></div>
<div class="nav-next"><a href="https://starper55plys.ru/bez-rubriki/skriptyi-dlya-sayta/" rel="next">Скрипты для сайта примеры и готовый код <span class="meta-nav">→</span></a></div>
</div><!-- #nav-above -->
<div id="post-3884" class="post-3884 post type-post status-publish format-standard hentry category-html">
<h1 class="entry-title">Шаблон сайта на чистом HTML</h1>
<div class="entry-meta">
<span class="meta-prep meta-prep-author">Опубликовано</span> <a href="https://starper55plys.ru/html/html-kod-sayta/" title="01:12" rel="bookmark"><span class="entry-date">2019-12-05</span></a> <span class="meta-sep">автором</span> <span class="author vcard"><a class="url fn n" href="https://starper55plys.ru/author/starik/" title="Посмотреть все записи автора stariс">stariс</a></span> </div><!-- .entry-meta -->
<div class="entry-content">
<p style="font-size:18px; text-align:center;">Вам срочно нужно сделать сайт, используя только HTML, и выложить его в интернет? Тогда вам не составит труда скопировать готовый код и следовать моим инструкциям.</p>
<p><a href="https://beget.com/?id=49479" target="_blank" rel="noopener noreferrer"><img src="https://cp.beget.com/promo_data/static/static468x60_1.png" border="0"></a></p>
<p>Правда полноценный ресурс, с применением одного языка программирования, сделать затруднительно, но вот сайт-визитку из нескольких страничек, вполне возможно. </p>
<p>Если у кого-то именно он и является целью, и нет желания изучать другие языки, то эта статья для них.</p>
1) Достаю все текстовые узлы со страницы.
Вот пример
Обучение HTML с нуля
Обучаем разработчиков с нуля в Яндекс.Практикуме. 20 часов практики – бесплатно.
Узнать больше
praktikum.yandex.ru
18+
Перейти к содержимому
Главная
Шпаргалки web
HTML шаблоны на русском
О сайте
Программы
← Шрифты для сайта в CSS
Скрипты для сайта примеры и готовый код →
Шаблон сайта на чистом HTML
Опубликовано 2019-12-05 автором stariс
Вам срочно нужно сделать сайт, используя только HTML, и выложить его в интернет? Тогда вам не составит труда скопировать готовый код и следовать моим инструкциям.
Правда полноценный ресурс, с применением одного языка программирования, сделать затруднительно, но вот сайт-визитку из нескольких страничек, вполне возможно.
Если у кого-то именно он и является целью, и нет желания изучать другие языки, то эта статья для них.
Короче, в самописном исполнении, без использования CMS, проще уже ничего не существует.
А для тех кому требуется что-то по круче, в конце статьи есть ссылки на статьи с кодом блочного шаблона, с использованием CSS, и кодом динамического сайта с использованием PHP.
Сайт на чистом html сделаем прямо на этой странице, так сказать — сайт в сайте, вполне рабочий и готовый к заполнению контентом.
С сервера мне приходит json файл с переводом следующего вида. Не знаю как реализовать мне отправку на сервер всех полученных слов со страницы. А затем реализовать замену слов со страницы на слова из json файла, чтобы структура страницы не сломалась. То есть как у гугла или яндекс перевод страницы
{"sentences":[{"trans":"ответ","orig":"response","backend":1}],"dict":[{"pos":"имя существительное","terms":["ответ","реакция","отклик","ответное чувство"],"entry":[{"word":"ответ","reverse_translation":["answer","reply","response","return","replication","rejoinder"],"score":0.29559943,"gender":1},{"word":"реакция","reverse_translation":["reaction","response","test","anticlimax","answer"],"score":0.06392786,"gender":2},{"word":"отклик","reverse_translation":["response","respond","rebound"],"score":0.04462884,"gender":1},{"word":"ответное чувство","reverse_translation":["response"],"score":1.8058845E-5}],"base_form":"response","pos_enum":1}],"src":"en","confidence":1.0,"spell":{},"ld_result":{"srclangs":["en"],"srclangs_confidences":[1.0],"extended_srclangs":["en"]}}
Буду благодарен за любую помощь !!!!
