PHP变量为JS中要插入的HTML

2024-04-09 16:58

本文主要是介绍PHP变量为JS中要插入的HTML,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


首先 通过PHP定义一个 字符串

// 每个上传后的组图容器
$albumHtml ='
<div class="controls album-one"><div class="span12"><button class="close pull-left" type="button" style="margin-right:10px;"><i class="icon-remove"></i></button><input type="hidden" name="'.$fieldName.'[attachment@id][id]" value="@id" /><input type="hidden" name="'.$fieldName.'[attachment@id][src]" value="@img" /><label class="pull-left" style="display:block;line-height:67px;">@id</label><img class="pull-left" style="height:67px;margin-left:10px;" src="'.$publicUrl.'/@img" /><textarea name="'.$fieldName.'[attachment@id][desc]" class="span5 pull-left" style="margin-left:10px;" placeholder="这是图片描述"></textarea> </div>
</div>';

// 如果这样 直接放到 JS里面 是不允许的,需要进行 转移 和 去除换行

$albumHtml = str_replace(PHP_EOL, '', addslashes(trim($albumHtml)));

// 换行的方法有3种,在这里转载一下:

<?php   //php 不同系统的换行  
//不同系统之间换行的实现是不一样的  
//linux 与unix中用 /n  
//MAC 用 /r  
//window 为了体现与linux不同 则是 /r/n  
//所以在不同平台上 实现方法就不一样  
//php 有三种方法来解决  //1、使用str_replace 来替换换行  
$str = str_replace(array("\r\n", "\r", "\n"), "", $str);   //2、使用正则替换  
$str = preg_replace('//s*/', '', $str);  //3、使用php定义好的变量 (建议使用)  
$str = str_replace(PHP_EOL, '', $str);   
?>  

然后可以在 PHP里写JS:

<?php
$js =<<<js
$('#test').append($albumHtml);
js;
?>

这样,便大功告成!


之前用了PHP的一个函数 mysql_eascape_string() 结果在别人的环境下用不了 - - 悲剧~


这篇关于PHP变量为JS中要插入的HTML的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/888717

相关文章

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

React实现原生APP切换效果

《React实现原生APP切换效果》最近需要使用Hybrid的方式开发一个APP,交互和原生APP相似并且需要IM通信,本文给大家介绍了使用React实现原生APP切换效果,文中通过代码示例讲解的非常... 目录背景需求概览技术栈实现步骤根据 react-router-dom 文档配置好路由添加过渡动画使用

java如何调用kettle设置变量和参数

《java如何调用kettle设置变量和参数》文章简要介绍了如何在Java中调用Kettle,并重点讨论了变量和参数的区别,以及在Java代码中如何正确设置和使用这些变量,避免覆盖Kettle中已设置... 目录Java调用kettle设置变量和参数java代码中变量会覆盖kettle里面设置的变量总结ja

Perl 特殊变量详解

《Perl特殊变量详解》Perl语言中包含了许多特殊变量,这些变量在Perl程序的执行过程中扮演着重要的角色,:本文主要介绍Perl特殊变量,需要的朋友可以参考下... perl 特殊变量Perl 语言中包含了许多特殊变量,这些变量在 Perl 程序的执行过程中扮演着重要的角色。特殊变量通常用于存储程序的

使用Vue.js报错:ReferenceError: “Vue is not defined“ 的原因与解决方案

《使用Vue.js报错:ReferenceError:“Vueisnotdefined“的原因与解决方案》在前端开发中,ReferenceError:Vueisnotdefined是一个常见... 目录一、错误描述二、错误成因分析三、解决方案1. 检查 vue.js 的引入方式2. 验证 npm 安装3.

vue如何监听对象或者数组某个属性的变化详解

《vue如何监听对象或者数组某个属性的变化详解》这篇文章主要给大家介绍了关于vue如何监听对象或者数组某个属性的变化,在Vue.js中可以通过watch监听属性变化并动态修改其他属性的值,watch通... 目录前言用watch监听深度监听使用计算属性watch和计算属性的区别在vue 3中使用watchE

PHP执行php.exe -v命令报错的解决方案

《PHP执行php.exe-v命令报错的解决方案》:本文主要介绍PHP执行php.exe-v命令报错的解决方案,文中通过图文讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下... 目录执行phpandroid.exe -v命令报错解决方案执行php.exe -v命令报错-PHP War

python解析HTML并提取span标签中的文本

《python解析HTML并提取span标签中的文本》在网页开发和数据抓取过程中,我们经常需要从HTML页面中提取信息,尤其是span元素中的文本,span标签是一个行内元素,通常用于包装一小段文本或... 目录一、安装相关依赖二、html 页面结构三、使用 BeautifulSoup javascript