팝업 상자용 HTML 코드 템플릿 등 js에 템플릿을 저장하고 작성하는 시나리오는 많습니다. js는 줄 바꿈이 있는 긴 텍스트 쓰기를 지원하지 않으며 다음과 같이 한 줄씩 추가해야 합니다. :
다음과 같이 쓸 수는 없습니다:
그래서 수동 입력 작업을 단순화하기 위해 작은 PHP 코드 조각을 처리했습니다.
tojs.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Str To Js String</title>
<style type="text/css">
.content-box { border: 1px #f0f0f0 slid; border-left: 4px #e0e0e0 solid; padding: 5px 5px 5px 10px; }
</style>
</head>
<body>
<h1>输入格式化的文本：</h1>
<?php
$jsContent = '';
if(isset($_POST['content']) && $_POST['content']) {
$content = strtr(htmlspecialchars($_POST['content']), array("\r\n" => "\n"));
$rows = explode("\n", $content);
foreach($rows as $row) {
$jsContent .= '+ \'' . $row . "'<br/>";
}
$jsContent{0} = ' ';
}
?>
<form action="#" method="post">
<textarea name="content" style="width: 99%;height: 300px; "></textarea>
<p><input type="submit" value="提交" /></p>
</form>
<h2>格式化后的结果：</h2>
<div class="content-box">
<?php echo $jsContent;?>
</div>
</body>
</html>
위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
