Существуют способы изменить значки, но, к сожалению, API для этого не существует.Это происходит главным образом из-за того, что пользовательский интерфейс является полностью открытым исходным кодом и открыт для всех, чтобы настроить и внести свой вклад.Вы можете свободно клонировать, загружать или размещать репозиторий здесь: WebViewer UI Repo .Вам понадобятся некоторые знания о React (и, возможно, некоторый избыточный), но его будет относительно легко подобрать.
Чтобы изменить значок, вам придется изменить свойство img
ActionButton
наиспользуйте ваши изображения в компоненте AnnotationPopup
.Кроме того, вы также можете просто использовать HTML-кнопки и изображения, если хотите.Руководство по расширенной настройке можно найти здесь: Расширенная настройка .Как только вы создадите пользовательский интерфейс, он создаст папку build
в корневом каталоге.Простое копирование этой папки и замена в папке lib/ui
должно обновить ее до той, которую вы только что создали.
В качестве крайней меры вы всегда можете использовать некоторый ванильный JavaScript, чтобы поменять значки для своих собственных.Запрос с DOM может заставить вас изменить эти элементы:
document.querySelector('iframe[title="webviewer"]').contentDocument.querySelector('div[data-element="annotationStyleEditButton"]');
Я бы рекомендовал придерживаться метода пользовательского интерфейса WebViewer, чтобы избежать нежелательных результатов.Также было бы лучше иметь свой пользовательский интерфейс, а не использовать этот навязчивый метод.
Дайте мне знать, если это поможет!