php實(shí)現(xiàn)格式化多行文本為Js可用格式
js里現(xiàn)在存寫模板的場景好多,如:彈框類的html代碼模板等,js不支持換行的長文本寫法,必需要一行行的加起來,如:
var content = '<div>row 1</div>'
+ '<div>row 2</div>';
而不可以寫成:
var content = '<div> row 1</div>
<div>row2 </div> ';
于是小加工一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>格式化后的結(jié)果:</h2> <div class="content-box"> <?php echo $jsContent;?> </div> </body> </html>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- 用JS獲得表格當(dāng)前行數(shù)的代碼
- js動(dòng)態(tài)生成指定行數(shù)的表格
- 用js實(shí)現(xiàn)計(jì)算代碼行數(shù)的簡單方法附代碼
- js獲取表格的行數(shù)和列數(shù)的方法
- 基于JavaScript實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建表格和增加表格行數(shù)
- javascript實(shí)現(xiàn)輸出指定行數(shù)正方形圖案的方法
- 利用javascript實(shí)現(xiàn)禁用網(wǎng)頁上所有文本框,下拉菜單,多行文本域
- 用原生js統(tǒng)計(jì)文本行數(shù)的簡單示例
相關(guān)文章
laravel實(shí)現(xiàn)查詢最后執(zhí)行的一條sql語句的方法
今天小編就為大家分享一篇laravel實(shí)現(xiàn)查詢最后執(zhí)行的一條sql語句的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10thinkphp微信開之安全模式消息加密解密不成功的解決辦法
使用thinkphp官方的WeChat包,使用不同模式可以成功,但是安全模式就是不行,現(xiàn)將分析解決結(jié)果做下記錄,對(duì)thinkphp加密解密相關(guān)知識(shí)感興趣的朋友參考下2015-12-12Laravel認(rèn)證原理以及完全自定義認(rèn)證詳解
最近在學(xué)習(xí)laravel框架,所以下面這篇文章主要給大家介紹了關(guān)于Laravel認(rèn)證原理以及完全自定義認(rèn)證的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07smarty模板引擎從php中獲取數(shù)據(jù)的方法
這篇文章主要介紹了smarty模板引擎從php中獲取數(shù)據(jù)的方法,涉及smarty變量與php代碼的混編技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01PHP接口類(interface)的定義、特點(diǎn)和應(yīng)用示例
這篇文章主要介紹了PHP接口類(interface),結(jié)合實(shí)例形式分析了PHP接口類(interface)的基本功能、定義、特點(diǎn)、用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-05-05Thinkphp5.0 框架的請求方式與響應(yīng)方式分析
這篇文章主要介紹了Thinkphp5.0 框架的請求方式與響應(yīng)方式,結(jié)合實(shí)例形式分析了thinkPHP5常見的請求方式與響應(yīng)方式實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-10-10Codeigniter實(shí)現(xiàn)智能裁剪圖片的方法
這篇文章主要介紹了Codeigniter實(shí)現(xiàn)智能裁剪圖片的方法,可以做到裁剪后不失真,盡可能保留圖片主題含義。需要的朋友可以參考下2014-06-06