DForm Editor

Web-based Text Editor that allows users to write and format text interactively.

Snow Editor

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec viverra dui. Suspendisse potenti. Vivamus vitae sapien nec arcu tincidunt gravida.

Subtitle 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum, odio nec dictum egestas, magna dolor ullamcorper ligula, ut tincidunt nisi nisi vel libero.

Subtitle 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus, odio vitae aliquet ultrices, velit nisi tincidunt eros, non malesuada sapien nisi in lectus.

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
	<!-- Adding -->
	<script src="https://dform.i-as.dev/editor.dev"></script>
  
</head>
<body>

	<!-- Adding -->
	<div id="snow-editor" style="height: 300px;"></div>
  
	<!-- Adding -->
	<script src="https://dform.i-as.dev/editor-scripts.dev"></script>
  
</body>
</html>

Bubble Editor

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec viverra dui. Suspendisse potenti. Vivamus vitae sapien nec arcu tincidunt gravida.

Subtitle 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum, odio nec dictum egestas, magna dolor ullamcorper ligula, ut tincidunt nisi nisi vel libero.

Subtitle 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus, odio vitae aliquet ultrices, velit nisi tincidunt eros, non malesuada sapien nisi in lectus.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non justo quis risus fermentum egestas."

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
	<!-- Adding -->
	<script src="https://dform.i-as.dev/editor.dev"></script>
  
</head>
<body>

	<!-- Adding -->
	<div id="bubble-editor" style="height: 300px;"></div>
  
	<!-- Adding -->
	<script src="https://dform.i-as.dev/editor-scripts.dev"></script>
  
</body>
</html>

Insert Into Textarea

<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
	<!-- Adding -->
	<script src="https://dform.i-as.dev/editor.dev"></script>
  
</head>
<body>
	
	<!-- Adding -->
	<form action="/insert" method="POST" onsubmit="submitForm()">
		<div id="snow-editor" style="height: 300px;"></div>
        <textarea name="text_content" id="insert_content" hidden></textarea>
		
        <input type="submit" value="Submit">
    </form>
  
	<!-- Adding -->
	<script>
        function submitForm() {
			document.getElementById('insert_content').value = document.querySelector('.dev-editor').innerHTML;
		}
    </script>
	<script src="https://dform.i-as.dev/editor-scripts.dev"></script>
  
</body>
</html>

©2024 I-As.Dev. All Rights Reserved.