Xin chào, tôi đã viết một tập lệnh đơn giản bằng javascript để chuyển đổi văn bản thuần túy thành html, mọi đề xuất, lời khuyên, v.v. , sẽ được đánh giá rất cao. Tôi đang hiển thị ở đây mã nguồn đầy đủ cho 3 tệp. html, css và javascript

Đầu tiên, mã html

	
	
	


	

		
Input Text Here
		

		
Press Convert Below to Start Converting!
		

	
	
	Convert!
	

mã javascript

function convert() {	
	var input_str; //store input
	var text_input; //store input after beging trim()med
	var output_html=""; //store output
	var counter;	
	
	input_str=document.getElementById('in_txt').value; //get input and store it in input_str
	text_input=input_str.trim(); //trim() input
	if(text_input.length > 0){
		output_html+="
"; //begin by creating paragraph
		for(counter=0; counter < text_input.length; counter++){
			switch (text_input[counter]){
				case '\n':
					if (text_input[counter+1]==='\n'){
						output_html+="
\n
";
						counter++;
					}
					else output_html+="
";			
					break;
				
				case ' ':
					if(text_input[counter-1] != ' ' && text_input[counter-1] != '\t')
						output_html+=" ";														
					break;
					
				case '\t':
					if(text_input[counter-1] != '\t')
						output_html+=" ";
					break;
				
				case '&':
					output_html+="&";
					break;
				
				case '"':
					output_html+=""";
					break;
				
				case '>':
					output_html+=">";
					break;
				
				case '<':
					output_html+="<";
					break;				
				
				default:
					output_html+=text_input[counter];
					
			}
					
		}
		output_html+="
"; //finally close paragraph
	}
	document.getElementById('out_html').value = output_html; // display output html	
}

var el = document.getElementById('btn');
el.onclick = convert;

mã css

textarea {
	width: 45%;
	height: 200px;
}

Tôi muốn đề cập ở đây một quy tắc nhỏ mà tôi đang tuân theo. nếu tập lệnh bắt gặp 2 dòng mới liên tiếp ở đầu vào, nó sẽ bắt đầu một đoạn mới ở đầu ra, nếu nó đi qua một dòng mới, nó sẽ xuất ra một
.
Cảm ơn bạn.

GHI CHÚ. Nếu bạn đang tìm cách chuyển đổi một tài liệu từ thành mã html thì có lẽ bạn muốn kiểm tra công cụ Word to HTML để thay thế

Công cụ chuyển đổi từ trực tuyến miễn phí này sẽ lấy nội dung văn bản thuần túy và chuyển văn bản từ thành mã HTML

Chuyển đổi văn bản thuần túy từ một email, một. txt hoặc bất kỳ nguồn văn bản tương tự nào thành mã html để có thể xuất bản trên trang web

Nếu bạn đã từng được yêu cầu chuyển đổi email văn bản thuần túy sang html thì bạn đang ở đúng nơi

Xin lưu ý, đây hoàn toàn là một công cụ chuyển đổi văn bản thành html cho văn bản thuần túy

Công cụ chuyển đổi này lấy các khối văn bản thông thường và bọc các thẻ đoạn văn HTML xung quanh chúng để bạn có thể xuất bản văn bản trực tuyến. Nó hoạt động với văn bản thuần túy bằng cách chuyển đổi ngắt dòng văn bản thành mã đoạn HTML

sửa đổi. công cụ này bây giờ sẽ mã hóa các ký tự HTML có dấu và tương tự nếu bạn muốn

Chuyển đổi văn bản thuần túy sang mã HTML

Dán văn bản của bạn vào hộp bên dưới và sau đó nhấp vào nút

Mã HTML mới sẽ xuất hiện trong hộp ở cuối trang

Chỉ sử dụng thẻ đoạn văn

&
. Sử dụng thẻ ngắt đoạn và ngắt dòng

Chỉ sử dụng thẻ ngắt dòng

Tùy chọn HTML.
hoặc

Mã hóa các ký tự có dấu và tương tự

Trình tạo thẻ HTML

Sao chép văn bản định dạng HTML mới của bạn từ hộp bên dưới

Tải xuống HTML mới

Bản sửa đổi chuyển đổi văn bản sang HTML

Tôi đã thực hiện một thay đổi nhỏ đối với chức năng của bộ chuyển đổi này. Bạn vẫn có thể sao chép kết quả nhưng bây giờ bạn cũng có thể tải xuống HTML sạch mới được tạo dưới dạng tài liệu văn bản

Thêm công cụ miễn phí để kiểm tra

Phiên bản ngôn ngữ

Văn bản sang HTML cũng có sẵn bằng tiếng Đức (Text zu HTML), tiếng Pháp (Texte vers HTML) và tiếng Tây Ban Nha (Texto a HTML)

Tôi đã làm việc với một trình soạn thảo văn bản phong phú vào một ngày khác và cần tách các thẻ HTML khỏi chuỗi và lưu trữ nó trong cơ sở dữ liệu. Khi làm như vậy, tôi đã học được một vài phương pháp khác nhau để đạt được điều này. Tôi muốn chia sẻ thông tin này với bạn vì nó có thể hữu ích cho bất kỳ ai đang cố gắng làm điều tương tự

Những gì chúng tôi đang cố gắng làm là xóa các thẻ khỏi chuỗi và làm cho chuỗi có thể in được dưới dạng văn bản thuần túy. Hãy đi sâu vào và xem nó hoạt động như thế nào

1. Using .replace(/]>/g, ‘’)

Phương pháp này là một cách đơn giản và hiệu quả để xóa các thẻ khỏi văn bản. Phương thức này sử dụng phương thức chuỗi .replace(old value, new value) thay thế các giá trị thẻ HTML bằng chuỗi rỗng. /g được sử dụng để nó xảy ra trên toàn cầu (mọi giá trị được tìm thấy trong chuỗi được thay thế bằng giá trị được chỉ định nếu sử dụng /g)

Hạn chế của phương pháp này là chúng tôi không thể xóa một số thực thể HTML. Nó vẫn hoạt động tốt mặc dù

var myHTML = "
Jimbo.
\n
That's what she said
";

var strippedHtml = myHTML.replace(/<[^>]+>/g, "");

// Jimbo.
// That's what she said
console.log(stripedHtml);

2. Tạo một phần tử DOM tạm thời và truy xuất văn bản

Đây là cách hiệu quả nhất để thực hiện nhiệm vụ. Tạo một phần tử giả và gán nó cho một biến. Chúng ta có thể trích xuất sau bằng cách sử dụng các đối tượng phần tử. Gán văn bản HTML cho InternalHTML của phần tử giả và chúng ta sẽ nhận được văn bản thuần túy từ các đối tượng phần tử văn bản

function convertToPlain(html) {
  // Create a new div element
  var tempDivElement = document.createElement("div");

  // Set the HTML content with the given value
  tempDivElement.innerHTML = html;

  // Retrieve the text property of the element
  return tempDivElement.textContent || tempDivElement.innerText || "";
}

var htmlString =
  "
Bears Beets Battlestar Galactica 
\n
Quote by Dwight Schrute
";

console.log(convertToPlain(htmlString));
// Expected Result:
// Bears Beets Battlestar Galactica
// Quote by Dwight Schrute

3. gói npm chuyển html thành văn bản

Đây là gói tôi phát hiện ra gần đây. Đây là trình chuyển đổi phân tích cú pháp HTML và trả về văn bản đẹp. Nó đi kèm với nhiều tùy chọn để chuyển đổi nó thành văn bản thuần túy như wordwrap, tags,

function convert() {	
	var input_str; //store input
	var text_input; //store input after beging trim()med
	var output_html=""; //store output
	var counter;	
	
	input_str=document.getElementById('in_txt').value; //get input and store it in input_str
	text_input=input_str.trim(); //trim() input
	if(text_input.length > 0){
		output_html+="
"; //begin by creating paragraph
		for(counter=0; counter < text_input.length; counter++){
			switch (text_input[counter]){
				case '\n':
					if (text_input[counter+1]==='\n'){
						output_html+="
\n
";
						counter++;
					}
					else output_html+="
";			
					break;
				
				case ' ':
					if(text_input[counter-1] != ' ' && text_input[counter-1] != '\t')
						output_html+=" ";														
					break;
					
				case '\t':
					if(text_input[counter-1] != '\t')
						output_html+=" ";
					break;
				
				case '&':
					output_html+="&";
					break;
				
				case '"':
					output_html+=""";
					break;
				
				case '>':
					output_html+=">";
					break;
				
				case '<':
					output_html+="<";
					break;				
				
				default:
					output_html+=text_input[counter];
					
			}
					
		}
		output_html+="
"; //finally close paragraph
	}
	document.getElementById('out_html').value = output_html; // display output html	
}

var el = document.getElementById('btn');
el.onclick = convert;

function convert() {	
	var input_str; //store input
	var text_input; //store input after beging trim()med
	var output_html=""; //store output
	var counter;	
	
	input_str=document.getElementById('in_txt').value; //get input and store it in input_str
	text_input=input_str.trim(); //trim() input
	if(text_input.length > 0){
		output_html+="
"; //begin by creating paragraph
		for(counter=0; counter < text_input.length; counter++){
			switch (text_input[counter]){
				case '\n':
					if (text_input[counter+1]==='\n'){
						output_html+="
\n
";
						counter++;
					}
					else output_html+="
";			
					break;
				
				case ' ':
					if(text_input[counter-1] != ' ' && text_input[counter-1] != '\t')
						output_html+=" ";														
					break;
					
				case '\t':
					if(text_input[counter-1] != '\t')
						output_html+=" ";
					break;
				
				case '&':
					output_html+="&";
					break;
				
				case '"':
					output_html+=""";
					break;
				
				case '>':
					output_html+=">";
					break;
				
				case '<':
					output_html+="<";
					break;				
				
				default:
					output_html+=text_input[counter];
					
			}
					
		}
		output_html+="
"; //finally close paragraph
	}
	document.getElementById('out_html').value = output_html; // display output html	
}

var el = document.getElementById('btn');
el.onclick = convert;

Bưu kiện. json là cần thiết để sử dụng gói. Chúng tôi cần cài đặt gói trước rồi sử dụng gói đó trong tệp của mình

Bạn có thể tìm tài liệu chính thức cho gói tại đây. Tôi đã sử dụng nó trong dự án vue của mình và nó hoạt động rất tốt

Làm cách nào để chuyển đổi văn bản thành HTML trong JS?

Làm cách nào để lấy HTML từ chuỗi trong JavaScript?

Làm cách nào để chuyển đổi văn bản sang HTML trong jquery?

Làm cách nào để chuyển đổi chuỗi thành phần tử HTML?