Я выполнил шаги, чтобы решить проблему API-интерфейса транслитерации, который не обслуживается через HTTPS: https://stackoverflow.com/questions/44667348/javascript-google-transliterate-api-not-served-over-https?rq=1
Я извлек Google JSAPI и Transliteration.I.js в свой собственный файл и добавил https.
Но после этого предложения появляются в div внизу страницы, а не в обычном раскрывающемся списке.
Был бы признателен за помощь.
Вот пошаговый процесс:
Во-первых, есть ссылка на API:
<script type="text/javascript" src="https://www.google.com/jsapi">
Во-вторых, перейдите по ссылке API выше и найдите содержимое, как указано ниже:
google.loader.ServiceBase = 'https://www.google.com/uds';
Вам нужно заменить ссылку google.loader.ServiceBase = 'yourfile.js';
примечание: yourfile.js — это скрипт, созданный вами.
А для этого вам нужно создать два отдельных файла JavaScript. Почему? потому что google.loader.ServiceBase находится внутри google.com/jsapi
Шаг 1: Создайте два файла JavaScript, скажем, main.js и extra.js
шаг 2: сохраните содержимое https://www.google.com/jsapi в main.js
шаг 3: сохраните содержимое https://www.google.com/uds/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.I.js в extra.js
Шаг 4: В extra.js найдите qi="http://www.google.com" и замените на qi="https://www.google.com" — помните, что http изменен на https и сохраните его.
Шаг 5: Теперь вернемся к main.js — вам нужно найти google.loader.ServiceBase = 'https://www.google.com/uds';, заменить на google.loader.ServiceBase = 'extra.js'; и сохранить.
шаг 6: вызовите оба файла в вашем index.html.
<script type="text/javascript" src="main.js">
<script type="text/javascript" src="extra.js">
шаг 7: Скопируйте CSS из этой ссылки и добавьте его в файл transliteration.css. Добавьте следующую строку в index.html
<link type="text/css" href="assets/google/js/transliteration.css" rel="stylesheet"/>
Это должно дать вам правильный CSS, необходимый для отображения всплывающего окна транслитерации.
