Html iframe font color

Как я могу изменить цвет текста в IFrame

У меня есть html-страница с IFrame, привязанным к текстовому файлу, тело html-страницы установлено на черный, а цвет по умолчанию для IFrame txt черный, поэтому я не вижу свой текст:/ Я хотел бы знать, как изменить цвет текста, спасибо. zeokila

 

Это может быть глупым вопросом, но как установить черный фон для IFRAME , если загружен txt-файл? По умолчанию это белый.

Цвет фона по умолчанию для IFrame с файлами .txt — это цвет фона по умолчанию, поэтому если вы установите синий цвет тела и поместите IFrame, содержащий файл .txt, он будет синим

1 ответ

Это делает трюк, по крайней мере, в FF, IE и Opera.

document.getElementById('your_iframe_id').contentWindow.document.body.style.color='white'; 

В Chrome вы можете изменить цвет фона IFRAME :

document.getElementById('your_iframe_id').style.background='white'; 

И для изменения цвета фона в IE:

document.getElementById('your_iframe_id').contentWindow.document.body.style.backgroundColor='yellow'; 

Тогда есть большой, но. те выражения, в том числе contentWindow , работают только, если iframe и хост-страница находятся в одном домене.

(По умолчанию IE имеет только белый фон)

Ещё вопросы

  • 1 Многопоточность в opennetcf.orm (как использовать SqlCeDataStore)
  • 0 Codeigniter: правильный способ доступа к функции в пользовательской библиотеке
  • 1 Преобразование байтового массива для создания другого звука в приложении Windows 8
  • 0 Дьявол времени с делегатом jQuery и .not
  • 1 Импорт pcap на малину
  • 1 Scrolltoposition / smoothscrolltoposition для просмотра переработчика в макете с вложенной прокруткой
  • 1 Триггер SQL Server для параметра «По умолчанию (newsequentialid ())» не работает с «00000000-0000-0000-0000-000000000000»?
  • 0 Ошибка перенаправления разрешений в AuthComponent CakePHP
  • 0 PHP-код по умолчанию с ошибкой, когда это не должно быть
  • 0 Удалите «\ 1» в конце строки буфера и не показывайте значение — WinAPI и C ++
  • 1 Чтение из firebase внутри облачной функции
  • 1 Реструктуризация разбора результатов анализа многопоточного файла журнала
  • 0 Как отобразить строку как дату? [Дубликат]
  • 0 проверка формы зависит от другого поля
  • 0 Панель навигации MYSQL добавляет категорию в таблицу категорий, но проверяет, существует ли категория
  • 1 java.lang.IllegalStateException: Невозможно выполнить это действие на незапечатанном экземпляре
  • 1 Попытка перенести старый алгоритм шифрования на C #
  • 1 Как найти и разделить строковые значения в текстовых файлах, используя Java?
  • 0 получение ошибок в PHP-кодировании чего-то неопределенного переменной
  • 1 Сигнал переподключается каждые 2 секунды, даже если сервер работает
  • 1 Javascript отправляет строку в Python-скрипт
  • 0 MySQL на проблемах чувствительности к регистру Ubuntu
  • 0 Использовать объект в векторе в цикле
  • 0 PHP сравнивает массивы и заменяет значения
  • 0 Как увеличить центр экрана?
  • 1 «Ни один экземпляр типа Hra не доступен».
  • 0 jQuery при загрузке анимированного изображения слева направо
  • 0 как скрыть элемент сообщения при загрузке / добавлении нового сообщения в список каналов?
  • 0 Список каталогов Apache с кнопкой загрузки и текстовым полем поиска
  • 1 Как удалить разрешения местоположения в приложении-родном приложении?
  • 0 Рекомендации JQuery: запускайте эффекты между элементами в последовательности
  • 1 Как найти источник сбоев типа java.lang.RuntimeException: Parcel android.os.Parcel@####: Отмена указания неизвестного кода типа XXXX со смещением YYY
  • 0 ng-repeat не дублирует данные, когда список обновляется динамически
  • 0 JQuery не получить идентификатор строки
  • 1 MVC Solution установлен в формат даты США
  • 0 извлечение элементов из массива в объекте данных с помощью ng-options
  • 0 Как предотвратить спам в форме [дубликата]
  • 1 Как использовать + = (Добавить И) с пониманием списка
  • 0 Я не могу управлять разными кнопками с разными именами
  • 0 функция select () во вкладках — Angular Bootstrap
  • 1 Сопоставление шаблонов Python с языковыми символами
  • 1 «Заставить эмулятор Android работать быстрее» объяснение ответа
  • 0 Путь шаблона в js-файле в проекте Symfony / angular
  • 0 CSS негативное фоновое изображение
  • 0 ссылка на директиву angular js не может получить доступ к сгенерированному идентификатору элемента
  • 1 Вводить матрицу частот в терминах документа в TfidfVectorizer ()?
  • 0 Повторная вставка div в форму после удаления div из формы (диалоговое окно jQuery ui)
  • 0 Поиск алгоритма ближайшего соседа с использованием координат карты Google
  • 0 Обновите столбец, используя порядок запроса выбора по убыванию наибольшего значения
  • 1 Вызов метода с обратным вызовом в массиве классов ES6
Читайте также:  Reinforcement learning algorithms with python

Источник

Изменение цвета текста в Iframe

Я хотел бы включить в свой блог Iframe, проблема в том, что у меня черный фон и цвет текста в iframe.

В любом случае, я могу изменить цвет текста iframe, не имея доступа к исходному контенту?

2 ответа

   function InitEditable () < var editor = document.getElementById ("editor"); var editorDoc = editor.contentWindow.document; var editorBody = editorDoc.body; // turn off spellcheck if (editorBody.contentEditable === undefined) < // Firefox earlier than version 3 if (editorDoc.designMode !== undefined) < // turn on designMode editorDoc.designMode = "on"; >> else < // allow contentEditable editorBody.contentEditable = true; >> function ToggleBold () < editorDoc.execCommand ('bold', false, null); >function ToggleItalic () < editorDoc.execCommand ('italic', false, null); >function SetRed () < //sets foreground color editorDoc.execCommand ('foreColor', false, "#ff0000"); >function Delete () First, write and select some text in the editor. 


You can use the following buttons to change the appearance of the selected text:

Краткий ответ: нет, если у вас нет контроля над исходной страницей, вы не можете управлять стилем.

Это невозможно, используя только CSS. В основном вам нужно иметь контроль над содержимым iframe, чтобы его стилизовать. Существуют методы, использующие javascript или предпочитаемый вами веб-язык для динамической вставки некоторых необходимых стилей, но вам потребуется прямой контроль над содержимым iframe.

Предполагая, что страница находится на том же сервере, что и ваш блог, вы можете управлять стилем с помощью jQuery, например, чтобы динамически стилизовать страницу. Однако javascript (и, следовательно, jQuery) подчиняется той же политике происхождения, которая делает невозможным манипулирование содержимым iframe, если источник iframe не совпадает с доменом, на котором вы его отображаете.

Если ваша исходная страница находится на внешнем сервере, альтернативой может быть создание собственного PHP-виджета, который может загружать внешнюю веб-страницу и использовать file_get_contents, а затем загружать его как iframe или с помощью jQuery.load, после чего Пока этот скрипт / виджет существует в том же домене, что и ваш блог, вы сможете стилизовать и контролировать содержимое этой страницы в соответствии с вашими пожеланиями.

Читайте также:  Изображения-ссылки

Вот очень короткий и приятный маленький редактор, я использовал несколько демонстраций и руководств, и я создал iframe и загрузил iframe в теге body, затем я использовал ввод цвета, чтобы получить и запросить мой цвет, затем добавьте его в iframe ниже, это небольшой образец того, что я сделал.

function iFrameOn() < richTextField.document.designMode = 'On'; >var colorWell; var defaultColor = "#000000"; window.addEventListener("load", startup, false); function startup() < colorWell = document.querySelector("#myColor"); colorWell.value = defaultColor; colorWell.addEventListener("input", updateFirst, false); colorWell.select(); >function updateFirst(event) < richTextField.document.execCommand('ForeColor',false,event.target.value); > 

Источник

-= Цвет текста в iframe =-

Здраствуйте. Как поменять цвет текста в iframe вот мой код:

$textx .= '';   

Подключил вот такой вот стиль но цвет текста так и остаётся черным((:

.iframe { color: red; width: 90%; padding: 5; border: 1px solid #4d4d4d; background: white; height: 310px; }

Написание текста страницы в ее iframe
Kak napisat text iz stranizu v ee iframe? Spasibo!

Печать и добавление цветного текста в IFRAME!
Печать и добавление цветного текста в IFRAME! Помогите . Есть несколько маленьких глюков! .

Веб редактор(iframe): проблема с редактированием текста
у меня возникли проблемы при редактировании текста в веб редакторе для браузера netscape область.

Добавление своего текста в форму вызванную из Iframe
Здравствуйте все. Не могу найти решение задачи Есть страница, в которой встроен Iframe. В нем.

Правильно, фрейм то загружает другой документ, у него даже нет таких свойств.
Используйте стили в том документе, который вызываете.

Эксперт JS

если в ифрейм загружаете «чужой» (с другого домена) документ, то забудьте о каких-либо цветах текста, фоне, размере шрифта, высоты и ширины любого тега и вообще обо всём прочем.
доступ к содержимому «чужого» документа ЗАПРЕЩЁН

ЦитатаСообщение от Grand7 Посмотреть сообщение

ЦитатаСообщение от kalabuni Посмотреть сообщение

Ну вот сразу напали)) Я с фреймами в первые столкнулся. Загружаю файл 123.txt dj фрейм не ужели ни как нельзя хотябы цвет сделать другой.

kalabuni, может и не чужой домен, что же Вы так сразу то 🙂

ЦитатаСообщение от Grand7 Посмотреть сообщение

Эксперт JS

применить отдельное правило или даже целую таблицу стилей к «своему» HTML-документу, где бы он ни был — в ифрейме/фрейме/окне — это элементарно

но. полагаю, вам этого не надо в принципе

если бы вы грузили «свой» файл, то, по крайней мере, не врали бы так глупо
это ж каким . чудаком надо быть, чтобы в txt-файле пытаться изменить цвет текста

алё, гараж. врать перестаём
ну а если не врёте, и вам реально захотелось txt-файл раскрасить, то. лучше губы себе накрасьте — это у вас точно получится

Если хотите грузить текстовые документы и применять к содержимому стили, то забудьте про фрейм, используйте AJAX (XMLHttpRequest), Вы сможете загрузить содержимое текстового документа на основную HTML страницу в какой-либо элемент, и уже этому элементу задать стиль.

ЦитатаСообщение от kalabuni Посмотреть сообщение

применить отдельное правило или даже целую таблицу стилей к «своему» HTML-документу, где бы он ни был — в ифрейме/фрейме/окне — это элементарно

но. полагаю, вам этого не надо в принципе

если бы вы грузили «свой» файл, то, по крайней мере, не врали бы так глупо
это ж каким . чудаком надо быть, чтобы в txt-файле пытаться изменить цвет текста

алё, гараж. врать перестаём
ну а если не врёте, и вам реально захотелось txt-файл раскрасить, то. лучше губы себе накрасьте — это у вас точно получится

с чего такой негатив? могу все исходники прикрепить и вы увидите что действительно загружаю свой txt файл и действительно нужен именно только txt файл. Единственное с чем проблема так это с цветом у текста в iframe. Просто как видно из кода в iframe загружается файл по onchange у select в другие пробовал загружать текст в div label textarea ни куда кроме iframe не грузится(((

Добавлено через 9 минут
Окей пойдём с другой стороны если нельзя раскрасить текст в iframe то как можно загрузить текст по onchange у select

$textx .= '$img.'" >'.$tex.' - ПС: ' .$ps.'/ ВС: '.$vs.'/ Б: '.$b.'';
select name="file" onChange="document.getElementById('descr').src=this.options[this.selectedIndex].title"> option title="">/option> /select> iframe class="iframe" id="descr"> /iframe>

Испробованные нерабочие методы в которые не загружался текст по onchange:

div id="descr"> /div> input type="text" id="descr">/input> textarea id="descr">/textarea>

Источник

Изменение стиля шрифта IFrame / размера / цвета

Я пытаюсь изменить стиль шрифта, цвет и размер текста внутри IFrame. Текст хранится локально в текстовом файле. Как я могу сделать это?

3 ответа

Вы можете сделать это с помощью следующего кода:

   

Для этого проще всего было бы напрямую включить стили в файл.

Просто измените ваш текстовый файл на HTML-файл и используйте тег стиля, чтобы изменить внешний вид страницы с помощью CSS

Например, ваш тег стиля может выглядеть так:

Это создаст довольно большой текст с вашим стандартным шрифтом без засечек и красным цветом текста

Это невозможно. Из-за проблем безопасности, связанных с изменением / манипулированием данными сайта / авторскими правами / информацией для входа в систему и т. Д., Chrome, Firefox и все другие основные браузеры не поддерживают эту функцию. Однако что-то вроде того, о котором упоминал @DmitriyLoskutov, будет работать в небольшом или едва известном браузере. В противном случае по соображениям безопасности невозможно изменить содержимое, стиль или сценарий на странице, которая не принадлежит вам или не находится на той же странице. Существуют библиотеки javascript, которые могут обходить подобные вещи, но неразумно использовать их, поскольку они могут быть вредными сценариями и нарушать условия использования браузера. Лучший способ стилизовать что-либо — всегда стилизовать его из файла. Лучше всего создать HTML-файл с текстом на нем, а затем стилизовать его (как упомянуто @robinp7720).

Источник

Оцените статью