php实现格式化多行文本为Js可用格式

js里现在存写模板的场景好多，如：弹框类的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>格式化后的结果：</h2>
<div class="content-box">
  <?php echo $jsContent;?>
</div>
  </body>
</html>

以上所述就是本文的全部内容了，希望大家能够喜欢。

赞 (0)

相关推荐

  • 用JS获得表格当前行数的代码

    table1 table2 table3 table4 table5 table6 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 无标题文档                 document.body.onclick=function(e){ e=e|| window.event; var obj=e.target || e.srcElement; if(obj.tagName=="TD"){ obj=obj.parentNode; } alert(obj.rowInde

  • 基于JavaScript实现动态创建表格和增加表格行数

    在工作,项目需求中,有时候表格的行数不能够满足我们的需求,这时需要我们动态的增加表格的行数,下面小编通过一段代码实例给大家介绍js创建表格和增加表格的行数的方法,并且还实现了隔行变色功能.对此感兴趣的朋友可以参考一下代码: js代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态操作表格</title> </head>

  • 利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

    原理就是循环获取网页上的控件,然后设置disabled 属性为true. 代码如下: 复制代码 代码如下: <script type="text/javascript">    var nodeList = document.getElementsByTagName("input");    for (var i = 0; i < nodeList.length; i++) {        nodeList[i].disabled = true;

  • javascript实现输出指定行数正方形图案的方法

    javascript实现输出指定行数正方形图案的方法

    本文实例讲述了javascript实现输出指定行数正方形图案的方法.分享给大家供大家参考.具体如下: javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成字符,只能是1个字符哦2,输入正方形行数,路过大于10,会设置为10行数 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd

  • js动态生成指定行数的表格

    js动态生成指定行数的表格

    下面用js实现可以生成用户所需行数的表格. 1.首先在body中填入下列代码,获取用户填入的行数值 复制代码 代码如下: <table> <tr> <td>动态生成表格</td> <td><input id="Cold" type="text" class="input" size="10" name="Num"/>行</td&g

  • js获取表格的行数和列数的方法

    如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: <table width="100%" border="1" cellspacing="0" cellpadding="0" id="example_table"> <tr> <td> </td> <td> </td> <td> </

  • 用js实现计算代码行数的简单方法附代码

    一段代码可能有几十行,上千个字符,统计其行数可以先把代码字符串化为数组,再返回该数组的长度即可. 传统做法: <textarea name="abc"> 123456 789 </textarea> <script type="text/javascript"> var counter = 0; var str = abc.value; for(i=0; i<str.length; i++) {     if(str.sub

  • 用原生js统计文本行数的简单示例

    前言 在开发的时候会遇到这种情况,只显示两行,如果超过两行,则显示一个"显示更多"的按钮,点击按钮来显示剩余行的内容.有个 jQuery 的插件 loadingDots 专门实现了这个功能.不过今天这里我们要用原生的Javascript来实现,要实现这个需求,最关键的是要确定这个容器内文本的行数,得到行数后,修改元素高度,并确定是否显示加载按钮. window.getComputedStyle() 要使用原生 JavaScript 代码获取一个元素的各个 style 属性,使用 win

  • php实现格式化多行文本为Js可用格式

    js里现在存写模板的场景好多,如:弹框类的html代码模板等,js不支持换行的长文本写法,必需要一行行的加起来,如: 复制代码 代码如下: var content = '<div>row 1</div>' + '<div>row 2</div>'; 而不可以写成: 复制代码 代码如下: var content = '<div> row 1</div> <div>row2 </div> '; 于是小加工一php小

  • AndroidStudio 设置格式化断行宽度教程

    1.设置格式化换行的宽度 就是这个线,那条右标准线的位置: Setting–>Editor–>Code Style 默认值是100,按照自己的需要更改. 2.设置格式化的时候自动断行到标准线位置 这样就不用往右拖看代码了: Setting–>Editor–>Code Style–>Java 点击右侧标签Wrapping and Braces下勾选Line breaks和EnSure right margin is not exceeded 补充知识:Android Studi

  • Formatting Long Lines 格式化多行字符的shell脚本

    很久没更新了,很久没看脚本了 想想应该继续看脚本了 #14 Formatting Long Lines #!/bin/sh # A version of fmt, using nroff. Adds two useful flags: -w X for line width # and -h to enable hyphenation for better fills. while getopts "hw:" opt; do case $opt in h) hyph=1 ;; w) w

  • 随日期每天自动变换的文本的js特效

    随日期每天自动变换的文本 今日提醒: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • php 批量添加多行文本框textarea一行一个

    复制代码 代码如下: $act=!empty($_GET['act']) ? trim($_GET['act']) : ''; switch($act) { case 'adda': $area['a_value'] = trim($_POST['a_value']); $area['a_type']=3; if(strpos($area['a_value'], "\n") === false) { //echo $area['a_value']; //add($area); //$D

  • js时间戳格式化成日期格式的多种方法

    js需要把时间戳转为为普通格式,一般的情况下可能用不到的, 下面先来看第一种吧 复制代码 代码如下: function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); } alert(getLocalTime(1293072805)); 结果是 2010年12月23日 10:53 第二种 复制代码 代码如下: function getLocalTi

  • js时间戳格式化成日期格式的多种方法介绍

    js需要把时间戳转为为普通格式,一般的情况下可能用不到的, 下面先来看第一种吧 function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); } alert(getLocalTime(1293072805)); 第二种 function getLocalTime(nS) { return new Date(parseInt(nS) * 1000

  • PHP json格式和js json格式 js跨域调用实现代码

    先看一个js函数 复制代码 代码如下: function jsontest() { var json = [{'username':'crystal','userage':'20'},{'username':'candy','userage':'24'}]; alert(json[1].username); var json2 = [['crystal','20'],['candy','24']]; alert(json2[0][0]); } 这个函数,第一个alert(json[1].user

  • js 时间格式与时间戳的相互转换示例代码

    一.时间转换时间戳 复制代码 代码如下: function transdate(endTime){ var date=new Date(); date.setFullYear(endTime.substring(0,4)); date.setMonth(endTime.substring(5,7)-1); date.setDate(endTime.substring(8,10)); date.setHours(endTime.substring(11,13)); date.setMinutes(

随机推荐