Для добавления кнопки "Источник" в окно "Вставить/редактировать ссылку" вам необходимо использовать JavaScript вместе с HTML и CSS.
Сначала создайте кнопку "Источник" в HTML-разметке вашего документа:
<button id="source-btn">Источник</button>
Затем добавьте следующий JavaScript-код для обработки событий и добавления функциональности кнопке:
// Получаем ссылку на окно "Вставить/редактировать ссылку" var linkWindow = window.open('about:blank'); // Находим кнопку "Источник" var sourceButton = document.getElementById('source-btn'); // Слушаем событие клика по кнопке "Источник" sourceButton.addEventListener('click', function() { // Получаем выбранный текст var selectedText = window.getSelection().toString(); // Создаем ссылку с выбранным текстом в окне "Вставить/редактировать ссылку" var link = '<a href="" target="_blank" rel="noopener">' + selectedText + '</a>'; // Вставляем ссылку в окно "Вставить/редактировать ссылку" linkWindow.document.body.innerHTML = link; });
Настроить внешний вид кнопки "Источник" вы можете с помощью CSS:
button#source-btn { background-color: blue; color: white; padding: 10px; border-radius: 5px; border: none; cursor: pointer; }
Обратите внимание, что кнопка "Источник" открывает новое окно с помощью функции window.open('about:blank')
, в котором можно редактировать и вставлять ссылку перед сохранением.
Таким образом, при нажатии на кнопку "Источник" будет получен выбранный текст на странице, который будет преобразован в ссылку и вставлен в окно "Вставить/редактировать ссылку".