Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > php教程 > PHP源码 > 格式化多行文本到Js可用格式

格式化多行文本到Js可用格式

PHP中文网
Freigeben： 2016-05-26 08:19:06
Original
1668 Leute haben es durchsucht

js里现在存写模板的场景好多，如：弹框类的html代码模板等，js不支持换行的长文本写法，必需要一行行的加起来，如：

var content = '

row 1
'
+ '
row 2
';
而不可以写成：
var content = '
 row 1

row2 
 ';
于是小加工一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  = &#39;&#39;;
if(isset($_POST[&#39;content&#39;]) && $_POST[&#39;content&#39;]) { 
    $content    = strtr(htmlspecialchars($_POST[&#39;content&#39;]), array("\r\n" => "\n"));
    $rows       = explode("\n", $content);
    foreach($rows as $row) {
        $jsContent .= &#39;+ \&#39;&#39; . $row . "&#39;<br/>";
    }
    $jsContent{0}   = &#39; &#39;;
} 
?>
        <form action="#" method="post">
            <textarea name="content" style="width: 99%;height: 300px; "></textarea>
            <p><input type="submit" value="提交" /></p>
        </form>
<h2>格式化后的结果：</h2>
<p class="content-box">
    <?php echo $jsContent;?>
</p>
    </body>
</html>
Nach dem Login kopieren

                               

                   

Quelle：php.cn
Vorheriger Artikel：无限级分类信息格式化工具类-五种方式 Nächster Artikel：数组转xml
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2283
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2420
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
2034
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1919
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1993
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage