如何确定在线编辑HTML的合法性_html/css_WEB-ITnose
HTML 标签 编辑器 过滤
有一个企业网站,用户可以通过后台发布文章,并且用户可以通过在线编辑器,编辑文章内容部份的HTML标签。
现在问题来了,就是如何确保用户通过在线编辑器提交的HTML代码中的HTML标签都完全避合?
因为目前发现这样一个情况,就是从数据库中读出含有HTML代码的文章时,
因为之前数据库中的HTML代码内,有的HTML标签并无闭合标签(比如,有开始的
最后导致的情况就是这样读出来的文章,会破坏掉我现有页面的布局及样式,
这种情况你们怎么解决?
完全过滤HTML是不可能的,因为用户要求保留编辑样式功能,但如何确保用户提交的HTML标签的合法性?
========================================有点乱,见谅======================================
回复讨论(解决方案)
A、用IFRAME作为自封闭的容器来显示用户文章,他编辑时啥样还啥样,不会影响你的布局。
B、接收提交的编辑内容后用处理函数检查闭合性(相对并不难,因为大多都是先进后出式的嵌套结构,少数单标签或复合标签也是有规律的),但要面临选择:是返回错误,还是自动更正?
从难易度讲,建议用A方案吧。
1、用户是要保留HTML代码编辑功能?一般用户都是不懂html的,更加不熟悉DIV布局;
2、一般网站编辑器都有“文本模式”(默认)和“代码模式”,而用户输入直接在【文本模式】。更无须涉及HTML的闭合。。
3、如果要折腾的话,写个正则吧,可以检查(匹配)HTML的合法性
1、用户是要保留HTML代码编辑功能?一般用户都是不懂html的,更加不熟悉DIV布局;
2、一般网站编辑器都有“文本模式”(默认)和“代码模式”,而用户输入直接在【文本模式】。更无须涉及HTML的闭合。。
3、如果要折腾的话,写个正则吧,可以检查(匹配)HTML的合法性
我是担心有些用户会直接把Word中的代码,帖到我WEB的在线编辑器中,然后我读的时候,会因为粘帖中的某些代码,破坏我原有的HTML样式。

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.
