diff --git a/asyncron/base/admin.py b/asyncron/base/admin.py
index c2bbc6a..847a899 100644
--- a/asyncron/base/admin.py
+++ b/asyncron/base/admin.py
@@ -12,6 +12,11 @@ class BaseModelAdmin( admin.ModelAdmin ):
 		formfield = super().formfield_for_dbfield(db_field, **kwargs)
 		if isinstance( formfield, JSONField ):
 			formfield.widget = Codearea( language = "json" )
+
+		custom_widget = getattr(self, "field_widgets", {}).get(db_field.name, None)
+		if custom_widget:
+			formfield.widget = custom_widget()
+
 		return formfield
 
 	def explain_gather_results( self, request, results, fails_to_show = 2 ):
diff --git a/asyncron/templates/asyncron/codearea-widget.html b/asyncron/templates/asyncron/codearea-widget.html
index 6c1f0fa..a511afb 100644
--- a/asyncron/templates/asyncron/codearea-widget.html
+++ b/asyncron/templates/asyncron/codearea-widget.html
@@ -5,7 +5,7 @@
 
 <div id="codearea_{{ target }}">
 	{{ textarea }}
-	<pre>{{ value }}</pre>
+	<code class="language-{{ language }}">{{ value }}</code>
 </div>
 <style media="screen">
 	#codearea_{{ target }} {
@@ -22,10 +22,10 @@
 		color: transparent;
 		text-shadow: none;
 	}
-	#codearea_{{ target }} > pre {
+	#codearea_{{ target }} > code {
 		position: absolute; pointer-events: none;
 		left: 0; right: 0; top: 0; bottom: 0;
-		white-space: wrap;
+		white-space: pre-wrap;
 		opacity: 1;
 		background: transparent;
 	}
@@ -38,19 +38,17 @@
 	}
 </style>
 
-{{ hljs_config | json_script:"hlsj-config" }}
 <script>
 	(function(){
 		const codearea = document.getElementById("codearea_{{ target }}");
 		const textarea = codearea.querySelector('textarea');
-		const pre = codearea.querySelector('pre');
-		const config = JSON.parse(document.getElementById('hlsj-config').textContent);
+		const code = codearea.querySelector('code');
 
 		textarea.addEventListener('input', (e) => {
-			pre.innerText = e.target.value;
-			delete pre.dataset.highlighted;
-			hljs.highlightElement( pre, config )
+			code.innerHTML = textarea.value;
+			delete code.dataset.highlighted;
+			hljs.highlightElement( code )
 		});
-		hljs.highlightElement( pre, config )
+		hljs.highlightElement( code )
 	})()
 </script>
diff --git a/asyncron/widgets.py b/asyncron/widgets.py
index 3063a45..4387d15 100644
--- a/asyncron/widgets.py
+++ b/asyncron/widgets.py
@@ -10,13 +10,9 @@ class Codearea( Textarea ):
 		super().__init__( *args, **kwargs )
 
 	def render( self, name, value, attrs = None, renderer = None ):
-		print( self )
-		print(f"RENDERING: {name=} {value=} {attrs=} {renderer=}")
 		return loader.get_template("asyncron/codearea-widget.html").render({
 			"textarea": super().render( name, value, attrs, renderer ),
 			"value": value,
 			"target": name,
-			"hljs_config": {
-				"language": self.language
-			}
+			"language": self.language
 		})