Bearbeiten von HTML in C - Versionsgeschichte

imported>TechCorner-Redaktion: Softwareentwicklung: Überarbeitung

2026-09-15T00:00:00Z

Softwareentwicklung: Überarbeitung

← Nächstältere Version		Version vom 15. September 2026, 00:00 Uhr
Zeile 1:		Zeile 1:
	==~~='''~~Symptom~~'''=~~==		== Symptom ==
	HTML-Attribute in einer Zeichenkette sollen entfernt werden. Da die HTML-Struktur ~~aber „zu kompliziert“~~ ist, ~~können~~ die Attribute ~~nicht~~ mit ~~einem~~ regulären ~~Ausdruck~~ zuverlässig ~~gefunden~~ und ~~entfernt werden~~.		HTML-Attribute in einer Zeichenkette sollen entfernt werden. Da die HTML-Struktur zu komplex ist, lassen sich die Attribute mit regulären Ausdrücken nicht zuverlässig finden und entfernen.

	==~~='''~~Ursache und Lösung~~'''=~~==		== Ursache und Lösung ==
	HTML ~~oder~~ XML ~~kann in der Regel nicht~~ mit regulären Ausdrücken fehlerfrei ~~untersucht werden~~ '''~~[1]~~'''~~. Soll das Problem einfach und mit möglichst wenigen Abhängigkeiten zu anderen Komponenten gelöst werden~~, ~~kann~~ die ~~Komponente CsQuery verwendet werden. CsQuery bietet~~ die Funktionalität von jQuery ~~für C# wie z. B. alle~~ CSS2/CSS3-Selektoren ~~und~~ DOM-Bearbeitungen. Dadurch können HTML-Manipulationen am Server einfach durchgeführt werden. CsQuery bringt keine weiteren Abhängigkeiten zu anderen Komponenten mit. '''[2]''' Die hier gezeigte Lösung zum Entfernen von HTML-Attributen soll als Beispiel dafür dienen, wie einfach CsQuery verwendet werden kann.		HTML/XML lässt sich mit regulären Ausdrücken nicht fehlerfrei verarbeiten. Mit möglichst wenigen Abhängigkeiten löst dies die Bibliothek '''CsQuery''', die die Funktionalität von jQuery (CSS2/CSS3-Selektoren, DOM-Bearbeitung) für C# bereitstellt:
	<~~pre~~> /// <summary>		<syntaxhighlight lang="csharp">
	~~/// Searches an~~ HTML ~~string for certain attributes and removes them~~.		/// <summary>Sucht in einem HTML-String bestimmte Attribute und entfernt sie.</summary>
	~~///~~ </summary>		/// <param name="selector">z. B. "div>ul li:first-child"</param>
	~~/// <param name="s"></param~~>		/// <param name="attributeName">Name des zu entfernenden Attributs</param>
	/// <param name="selector">~~ex:~~ "div>ul li:first-child"</param>
	/// <param name="attributeName">~~The name of the attribute that should be removed~~</param>
	~~/// <returns>The resulting HTML string.</returns~~>
	public static IHtmlString RemoveAttribute(this IHtmlString s, String selector, String attributeName)		public static IHtmlString RemoveAttribute(this IHtmlString s, String selector, String attributeName)
	{		{
	~~#region check preconditions~~		if (s == null) return null;
			if (String.IsNullOrWhiteSpace(selector)) throw new ArgumentNullException("selector");
			if (String.IsNullOrWhiteSpace(attributeName)) throw new ArgumentNullException("attributeName");

	~~if (s == null)~~		// CsQuery mit dem HTML-String initialisieren
	{		CQ q = CQ.Create(s.ToString());
	~~return null;~~		// Elemente per Selektor auswaehlen und Attribut entfernen
	}		q[selector].RemoveAttr(attributeName);
			// manipuliertes DOM als String zurueckgeben
	~~if (String.IsNullOrWhiteSpace(selector)) throw new ArgumentNullException("selector");~~		return new HtmlString(q.Render());
	~~if (String.IsNullOrWhiteSpace(attributeName)) throw new ArgumentNullException("attributeName");~~

	~~#endregion~~

	// ~~instantiate~~ CsQuery ~~and initialize with the~~ HTML ~~string~~
	CQ q = CQ.Create(s.ToString());

	// ~~select elements using <selector> and remove attributes~~
	q[selector].RemoveAttr(attributeName);

	// ~~render the manipulated~~ DOM ~~and return it as a string~~
	return new HtmlString(q.Render());
	}		}
	</~~pre~~>		</syntaxhighlight>
	~~Dieser Code erzeugt ein CQ-Objekt und initialisiert es mit dem anfänglichen HTML-Inhalt. Dies kann ein vollständiges HTML-Dokument, aber auch nur ein Teil davon sein.~~ Der Aufruf ~~des Indexers „q~~[selector]“ entspricht ~~dem jQuery-Aufruf von „find~~(selector)~~“ und gibt eine Auflistung der Elemente zurück, die vom angegebenen Selektor ausgewählt werden. Auf jedes Element dieser Ergebnismenge wird schließlich die Methode „RemoveAttr~~()~~“ angewendet. Der Aufruf der~~ Render()~~-Methode~~ gibt ~~den~~ DOM~~-Inhalt des CQ-Objekts~~ als HTML-String zurück.		Der Aufruf <code>q[selector]</code> entspricht jQuerys <code>find(selector)</code>; <code>RemoveAttr()</code> entfernt das Attribut, <code>Render()</code> gibt das DOM als HTML-String zurück.
			{{Hinweis\|CsQuery wird nicht mehr aktiv gepflegt. Als moderne Alternative für serverseitiges HTML-Parsing in .NET eignet sich z. B. AngleSharp.}}
	~~==='''Weitere Informationen'''===~~
	~~Mehr Informationen zu unseren Softwarelösungen und Services finden Sie auf<br />~~
	~~[https://www~~.~~max~~-it.~~de/techcorner/Bearbeiten_von_HTML_in_C www~~.~~max-it~~.~~de/Softwarelösungen]~~

	==~~='''~~Links und Quellen~~'''=~~==		== Links und Quellen ==
	~~'''[1]''' [https://stackoverflow.com/a/1732454 www.stackoverflow.com/a/1732454], 30.09.2015<br />~~		* [https://github.com/jamietre/CsQuery CsQuery auf GitHub]
	~~'''[2]'''~~ [https://github.com/jamietre/CsQuery ~~www.github.com/jamietre/~~CsQuery]~~, 30.09.2015~~
	~~=== '''Kontakt''' ===~~
	~~Wenn Sie Fragen oder Anmerkungen zu diesem Artikel haben, melden Sie sich bitte bei uns:<br />~~
	~~[http://mailto:techcorner@max-it.de techcorner@max-it.de].<br />~~

	~~'''Über~~ m.a.x. ~~Informationstechnologie AG:''' <br />~~		== Unterstützung von m.a.x. it ==
	~~Als etabliertes Münchner Systemhaus zeichnen wir uns seit 1989 als verlässlicher IT~~-~~Partner mittelständischer~~ und ~~großer Unternehmen aus~~. ~~Unser Portfolio reicht von IT~~- ~~Services über~~ individuelle Softwareentwicklung ~~bis hin zur ERP-Beratung~~.		Bei plattformübergreifender App- und Softwareentwicklung unterstützt Sie m.a.x. it mit [https://www.max-it.de/development/individuelle-softwareentwicklung/ individueller Softwareentwicklung].

	~~=== '''Tags''' ===~~		{{Uebermax}}
	~~.Net, C#, jQuery, CsQuery, HTML, XML, DOM manipulation, CSS selectors, CSS2, CSS3, server-side~~		[[Kategorie:Softwareentwicklung]]

	~~[[Kategorie: Softwareentwicklung]]~~

Deko: /* Ursache und Lösung */

2020-05-14T13:29:36Z

Ursache und Lösung

← Nächstältere Version		Version vom 14. Mai 2020, 13:29 Uhr
Zeile 3:		Zeile 3:

	==='''Ursache und Lösung'''===		==='''Ursache und Lösung'''===
	HTML oder XML kann in der Regel nicht mit regulären Ausdrücken fehlerfrei untersucht werden '''[1]'''.~~<br />~~		HTML oder XML kann in der Regel nicht mit regulären Ausdrücken fehlerfrei untersucht werden '''[1]'''. Soll das Problem einfach und mit möglichst wenigen Abhängigkeiten zu anderen Komponenten gelöst werden, kann die Komponente CsQuery verwendet werden. CsQuery bietet die Funktionalität von jQuery für C# wie z. B. alle CSS2/CSS3-Selektoren und DOM-Bearbeitungen. Dadurch können HTML-Manipulationen am Server einfach durchgeführt werden. CsQuery bringt keine weiteren Abhängigkeiten zu anderen Komponenten mit. '''[2]''' Die hier gezeigte Lösung zum Entfernen von HTML-Attributen soll als Beispiel dafür dienen, wie einfach CsQuery verwendet werden kann.
	Soll das Problem einfach und mit möglichst wenigen Abhängigkeiten zu anderen Komponenten gelöst werden,~~<br />~~
	kann die Komponente CsQuery verwendet werden.~~<br />~~
	CsQuery bietet die Funktionalität von jQuery für C# wie z. B. alle CSS2/CSS3-Selektoren und DOM-Bearbeitungen.~~<br />~~
	Dadurch können HTML-Manipulationen am Server einfach durchgeführt werden. CsQuery bringt keine weiteren Abhängigkeiten zu anderen Komponenten mit. '''[2]'''~~<br />~~
	Die hier gezeigte Lösung zum Entfernen von HTML-Attributen soll als Beispiel dafür dienen, wie einfach CsQuery verwendet werden kann.
	<pre> /// <summary>		<pre> /// <summary>
	/// Searches an HTML string for certain attributes and removes them.		/// Searches an HTML string for certain attributes and removes them.

Deko: /* Kontakt */

2020-05-14T13:28:55Z

Kontakt

← Nächstältere Version		Version vom 14. Mai 2020, 13:28 Uhr
Zeile 53:		Zeile 53:
	[http://mailto:techcorner@max-it.de techcorner@max-it.de].<br />		[http://mailto:techcorner@max-it.de techcorner@max-it.de].<br />

	Über m.a.x. Informationstechnologie AG: <br />		'''Über m.a.x. Informationstechnologie AG:''' <br />
	Als etabliertes Münchner Systemhaus zeichnen wir uns seit 1989 als verlässlicher IT-Partner mittelständischer und~~<br />~~		Als etabliertes Münchner Systemhaus zeichnen wir uns seit 1989 als verlässlicher IT-Partner mittelständischer und großer Unternehmen aus. Unser Portfolio reicht von IT- Services über individuelle Softwareentwicklung bis hin zur ERP-Beratung.
	großer Unternehmen aus. Unser Portfolio reicht von IT- Services über individuelle Softwareentwicklung bis hin zur ERP-Beratung.~~<br />~~
	~~<br />~~
	=== '''Tags''' ===		=== '''Tags''' ===
	.Net, C#, jQuery, CsQuery, HTML, XML, DOM manipulation, CSS selectors, CSS2, CSS3, server-side		.Net, C#, jQuery, CsQuery, HTML, XML, DOM manipulation, CSS selectors, CSS2, CSS3, server-side

	[[Kategorie: Softwareentwicklung]]		[[Kategorie: Softwareentwicklung]]

Deko: /* Ursache und Lösung */

2020-05-14T13:28:27Z

Ursache und Lösung

← Nächstältere Version		Version vom 14. Mai 2020, 13:28 Uhr
Zeile 40:		Zeile 40:
	}		}
	</pre>		</pre>
	Dieser Code erzeugt ein CQ-Objekt und initialisiert es mit dem anfänglichen HTML-Inhalt. Dies kann ein vollständiges HTML-Dokument,~~<br />~~		Dieser Code erzeugt ein CQ-Objekt und initialisiert es mit dem anfänglichen HTML-Inhalt. Dies kann ein vollständiges HTML-Dokument, aber auch nur ein Teil davon sein. Der Aufruf des Indexers „q[selector]“ entspricht dem jQuery-Aufruf von „find(selector)“ und gibt eine Auflistung der Elemente zurück, die vom angegebenen Selektor ausgewählt werden. Auf jedes Element dieser Ergebnismenge wird schließlich die Methode „RemoveAttr()“ angewendet. Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.
	aber auch nur ein Teil davon sein. Der Aufruf des Indexers „q[selector]“ entspricht dem jQuery-Aufruf von „find(selector)“ und gibt~~<br />~~
	eine Auflistung der Elemente zurück, die vom angegebenen Selektor ausgewählt werden. Auf jedes Element dieser Ergebnismenge wird schließlich~~<br />~~
	die Methode „RemoveAttr()“ angewendet.~~<br />~~
	Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.

	==='''Weitere Informationen'''===		==='''Weitere Informationen'''===

Deko: /* Symptom */

2020-05-14T13:28:02Z

Symptom

← Nächstältere Version		Version vom 14. Mai 2020, 13:28 Uhr
Zeile 1:		Zeile 1:
	==='''Symptom'''===		==='''Symptom'''===
	HTML-Attribute in einer Zeichenkette sollen entfernt werden. Da die HTML-Struktur aber „zu kompliziert“ ist, können die Attribute nicht mit einem regulären Ausdruck~~<br />~~		HTML-Attribute in einer Zeichenkette sollen entfernt werden. Da die HTML-Struktur aber „zu kompliziert“ ist, können die Attribute nicht mit einem regulären Ausdruck zuverlässig gefunden und entfernt werden.
	zuverlässig gefunden und entfernt werden.

	==='''Ursache und Lösung'''===		==='''Ursache und Lösung'''===

Deko am 22. Januar 2020 um 11:25 Uhr

2020-01-22T11:25:20Z

← Nächstältere Version		Version vom 22. Januar 2020, 11:25 Uhr
Zeile 1:		Zeile 1:
	==='''Symptom'''===		==='''Symptom'''===
	HTML-Attribute in einer Zeichenkette sollen entfernt werden. Da die HTML-Struktur aber „zu kompliziert“ ist, können die Attribute nicht mit einem regulären Ausdruck zuverlässig gefunden und entfernt werden.		HTML-Attribute in einer Zeichenkette sollen entfernt werden. Da die HTML-Struktur aber „zu kompliziert“ ist, können die Attribute nicht mit einem regulären Ausdruck<br />
			zuverlässig gefunden und entfernt werden.

	==='''Ursache und Lösung'''===		==='''Ursache und Lösung'''===
	HTML oder XML kann in der Regel nicht mit regulären Ausdrücken fehlerfrei untersucht werden '''[1]'''.<br />		HTML oder XML kann in der Regel nicht mit regulären Ausdrücken fehlerfrei untersucht werden '''[1]'''.<br />
	Soll das Problem einfach und mit möglichst wenigen Abhängigkeiten zu anderen Komponenten gelöst werden, kann die Komponente CsQuery verwendet werden.<br />		Soll das Problem einfach und mit möglichst wenigen Abhängigkeiten zu anderen Komponenten gelöst werden,<br />
	CsQuery bietet die Funktionalität von jQuery für C# wie z. B. alle CSS2/CSS3-Selektoren und DOM-Bearbeitungen. Dadurch können HTML-Manipulationen am Server einfach durchgeführt werden. CsQuery bringt keine weiteren Abhängigkeiten zu anderen Komponenten mit. '''[2]'''<br />		kann die Komponente CsQuery verwendet werden.<br />
			CsQuery bietet die Funktionalität von jQuery für C# wie z. B. alle CSS2/CSS3-Selektoren und DOM-Bearbeitungen.<br />
			Dadurch können HTML-Manipulationen am Server einfach durchgeführt werden. CsQuery bringt keine weiteren Abhängigkeiten zu anderen Komponenten mit. '''[2]'''<br />
	Die hier gezeigte Lösung zum Entfernen von HTML-Attributen soll als Beispiel dafür dienen, wie einfach CsQuery verwendet werden kann.		Die hier gezeigte Lösung zum Entfernen von HTML-Attributen soll als Beispiel dafür dienen, wie einfach CsQuery verwendet werden kann.
	<pre> /// <summary>		<pre> /// <summary>
Zeile 37:		Zeile 41:
	}		}
	</pre>		</pre>
	Dieser Code erzeugt ein CQ-Objekt und initialisiert es mit dem anfänglichen HTML-Inhalt. Dies kann ein vollständiges HTML-Dokument, aber auch nur ein Teil davon sein. Der Aufruf des Indexers „q[selector]“ entspricht dem jQuery-Aufruf von „find(selector)“ und gibt eine Auflistung der Elemente zurück, die vom angegebenen Selektor ausgewählt werden. Auf jedes Element dieser Ergebnismenge wird schließlich die Methode „RemoveAttr()“ angewendet.<br />		Dieser Code erzeugt ein CQ-Objekt und initialisiert es mit dem anfänglichen HTML-Inhalt. Dies kann ein vollständiges HTML-Dokument,<br />
			aber auch nur ein Teil davon sein. Der Aufruf des Indexers „q[selector]“ entspricht dem jQuery-Aufruf von „find(selector)“ und gibt<br />
			eine Auflistung der Elemente zurück, die vom angegebenen Selektor ausgewählt werden. Auf jedes Element dieser Ergebnismenge wird schließlich<br />
			die Methode „RemoveAttr()“ angewendet.<br />
	Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.		Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.

	==='''Weitere Informationen'''===		==='''Weitere Informationen'''===
	Mehr Informationen zu unseren Softwarelösungen und Services finden Sie auf [https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C ~~https://~~www.max-it.de/Softwarelösungen]		Mehr Informationen zu unseren Softwarelösungen und Services finden Sie auf<br />
			[https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C www.max-it.de/Softwarelösungen]

	==='''Links und Quellen'''===		==='''Links und Quellen'''===
	'''[1]''' https://stackoverflow.com/a/1732454, 30.09.2015<br />		'''[1]''' [https://stackoverflow.com/a/1732454 www.stackoverflow.com/a/1732454], 30.09.2015<br />
	'''[2]''' https://github.com/jamietre/CsQuery, 30.09.2015		'''[2]''' [https://github.com/jamietre/CsQuery www.github.com/jamietre/CsQuery], 30.09.2015
	=== '''Kontakt''' ===		=== '''Kontakt''' ===
	Wenn Sie Fragen oder Anmerkungen zu diesem Artikel haben, melden Sie sich bitte bei uns: mailto:techcorner@max-it.de.<br />		Wenn Sie Fragen oder Anmerkungen zu diesem Artikel haben, melden Sie sich bitte bei uns:<br />
			[http://mailto:techcorner@max-it.de techcorner@max-it.de].<br />

	Über m.a.x. Informationstechnologie AG: <br />		Über m.a.x. Informationstechnologie AG: <br />
	Als etabliertes Münchner Systemhaus zeichnen wir uns seit 1989 als verlässlicher IT-Partner mittelständischer und großer Unternehmen aus. Unser Portfolio reicht von IT- Services über individuelle Softwareentwicklung bis hin zur ERP-Beratung.<br />		Als etabliertes Münchner Systemhaus zeichnen wir uns seit 1989 als verlässlicher IT-Partner mittelständischer und<br />
			großer Unternehmen aus. Unser Portfolio reicht von IT- Services über individuelle Softwareentwicklung bis hin zur ERP-Beratung.<br />
			<br />
	=== '''Tags''' ===		=== '''Tags''' ===
	.Net, C#, jQuery, CsQuery, HTML, XML, DOM manipulation, CSS selectors, CSS2, CSS3, server-side		.Net, C#, jQuery, CsQuery, HTML, XML, DOM manipulation, CSS selectors, CSS2, CSS3, server-side

	[[Kategorie: Softwareentwicklung]]		[[Kategorie: Softwareentwicklung]]

Anki am 12. Februar 2018 um 11:21 Uhr

2018-02-12T11:21:46Z

← Nächstältere Version		Version vom 12. Februar 2018, 11:21 Uhr
Zeile 40:		Zeile 40:
	Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.		Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.
	==='''Weitere Informationen'''===		==='''Weitere Informationen'''===
	Mehr Informationen zu Softwarelösungen und ~~unserem Service~~ finden Sie auf [https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C https://www.max-it.de/Softwarelösungen]		Mehr Informationen zu unseren Softwarelösungen und Services finden Sie auf [https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C https://www.max-it.de/Softwarelösungen]

	==='''Links und Quellen'''===		==='''Links und Quellen'''===

Anki am 12. Februar 2018 um 11:13 Uhr

2018-02-12T11:13:09Z

← Nächstältere Version		Version vom 12. Februar 2018, 11:13 Uhr
Zeile 40:		Zeile 40:
	Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.		Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.
	==='''Weitere Informationen'''===		==='''Weitere Informationen'''===
	https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C		Mehr Informationen zu Softwarelösungen und unserem Service finden Sie auf [https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C https://www.max-it.de/Softwarelösungen]

	==='''Links und Quellen'''===		==='''Links und Quellen'''===

Anki am 5. Februar 2018 um 12:36 Uhr

2018-02-05T12:36:09Z

← Nächstältere Version		Version vom 5. Februar 2018, 12:36 Uhr
Zeile 40:		Zeile 40:
	Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.		Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.
	==='''Weitere Informationen'''===		==='''Weitere Informationen'''===
	https://www.max-it.de/~~softwareloesungen~~/		https://www.max-it.de/techcorner/Bearbeiten_von_HTML_in_C

	==='''Links und Quellen'''===		==='''Links und Quellen'''===

Ansp am 3. März 2017 um 12:01 Uhr

2017-03-03T12:01:20Z

← Nächstältere Version		Version vom 3. März 2017, 12:01 Uhr
Zeile 40:		Zeile 40:
	Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.		Der Aufruf der Render()-Methode gibt den DOM-Inhalt des CQ-Objekts als HTML-String zurück.
	==='''Weitere Informationen'''===		==='''Weitere Informationen'''===
	https://~~mittelstand~~.max-it.de/~~Software-Loesungen~~/~~Individualloesungen~~		https://www.max-it.de/softwareloesungen/

	==='''Links und Quellen'''===		==='''Links und Quellen'''===