2013-08-14 10 views
0

Я хочу, чтобы только один из моих divs игнорировал все содержащиеся в нем теги html, такие как <br/>, <p> и <b>. Как это возможно? Спасибо!Div игнорировать теги html

+1

Я думаю, вам нужен 'code' тег вместо этого. –

+1

Что вы подразумеваете, игнорируя? вы хотите показывать эти фактические теги в виде обычного текста или хотите полностью их игнорировать? – Soosh

ответ

1

Осмотрите свой вопрос и посмотрите, как это делает Stackoverflow.

Вы увидите, что <br/>, <p> и <b> находятся в code элемента.

+0

Мне не нужен элемент кода, привет. – gasparean

+0

У меня есть div

line1
line2
, и я хочу, чтобы это отображалось как «line1 line2»;) – gasparean

6

Если HTML-теги, которые вы хотите игнорировать в настоящее время статический текст, сделать поиск и замену из (в этом порядке):

Find  Replace 
----------------- 
&  &amp; 
<  &lt; 

, если HTML-теги вы хотите игнорировать, выводятся с помощью PHP, использование htmlspecialchars() на выходе и используйте UTF-8 для кодирования вашей страницы.

echo htmlspecialchars($stringThatContainsHTML, ENT_COMPAT | ENT_HTML5, 'UTF-8'); 
+0

Вам также нужно заменить '<' на '<'. Замена '>' на '>' необязательна. –

+0

@MarkParnell Упс, исправлено. Благодаря! –

+0

У меня есть div

line1
line2
, и я хочу, чтобы это отображалось как «line1 line2»;) – gasparean

-1

закодировать HTML сущности:

< … &lt; 
> … &gt; 
& … &amp; 
" … &quot; 
(' … &apos; xml, not html. see comments) 

Вы также можете использовать

<pre><code> 
    here comes your preformatted and escaped &lt;html&gt;-code 
</code></pre> 

иметь код моноширинный и сохранить пробельные

+0

Это не работает ... http://jsfiddle.net/eJYWV/ –

+0

добавлен в мой ответ .. :) –

0

Вы не можете делать такие вещи HTML. Вы можете использовать JavaScript для изменения дерева документов, замены узлов элементов по их содержимому или манипулирования свойством innerHTML. Конечно, поисковые системы и друзья все равно «видят» теги, которые вы игнорируете браузерами.

Кроме того, вы можете использовать CSS для уменьшения эффекта тегов при рендеринге, но это влияет только на презентацию (когда включен CSS), а не какие-либо функции, которые могут иметь браузеры для некоторых элементов. И для разных элементов это должно быть разным. Для тегов, упомянутых в вопросе, исходя из допущения, что ваш div элемента имеет class=ignoreTags, для определенности, следующий аннулируют любой нормальный эффект на визуальном рендеринге они имели бы:

<style> 
.ignoreTags br { display: none; } 
.ignoreTags p { display: inline; margin: 0; } 
.ignoreTags b { font-weight: normal; } 
</style> 
Смежные вопросы