`

PHP 调用jquery富文本在线编辑器例子

 
阅读更多
<?php
	define('IN_TG',true);
	//引入公共文件
	require substr ( dirname ( __FILE__ ), 0, - 2 ).'/includes/common.inc.php'; //转换成硬路径,速度更快
	require ROOT_PATH.'includes/type.func.php';
	$_type_arr = _fkzx_type();
	session_start();
	if(!isset($_SESSION['name'])){
		exit ( 'Access Defined!' );
	}
	$_name = $_SESSION['name'];
	$_id = $_GET['id'];
	if($_GET['id']!=null){
		$_sql = "SELECT * FROM e_fkzx WHERE e_id = $_id LIMIT 1 ";
		$_result = _fetch_array($_sql);
		if ($_GET['action'] == 'edata') {
			$_title = trim($_POST['title']);
			$_cont = $_POST['content'];
			$_type = $_POST['type'];
			$_sql_update = "UPDATE e_fkzx SET 
			e_title = '$_title', 
			e_cont = '$_cont', 
			e_type = $_type ,
			e_name = '$_name' WHERE e_id = $_id LIMIT 1";
			_query($_sql_update);
			_close();
			echo "<script type='text/javascript'>location.href='list.fkzx.php';</script>";
			exit();
		}
	}else{
		_close();
		exit ( 'Access Defined!' );
	}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一站式后台管理系统</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="style/basic.css" type="text/css" />
<link rel="stylesheet" href="style/update.css" type="text/css" />
</head>
<body>

<div class="nav">
	<h3>妇科中心 -&gt; 修改信息</h3>
</div>

<div class="update">
<form action="update.fkzx.php?id=<?php echo $_id?>&action=edata" method="post">
<table cellpadding="0" cellspacing="0">
	<tr class="head"><td colspan="2">修改信息</td></tr>
   	<tr><td class="w100 h38 b">文章标题:</td><td><input type="text" name="title" class="text f_l" value="<?php echo $_result[e_title]?>" /><em class="f_l">下限是4个字符,上限是28个字符</em></td></tr>
   	<tr><td colspan="2">
        	<!-- 加载编辑器的容器 -->
			<script id="container" name="content" type="text/plain" style="width:1000px;height:300px;" ><?php echo $_result[e_cont]?></script>
			<!-- 配置文件 -->
			<script type="text/javascript" src="ueditor.config.js"></script>
			<!-- 编辑器源码文件 -->
			<script type="text/javascript" src="ueditor.all.js"></script>
			<!-- 实例化编辑器 -->
			<script type="text/javascript">        var ue = UE.getEditor('container');    </script>
    </td></tr>
    <tr><td class="h38 b">选择分类:</td>
    	<td>
    		<span>
    			<?php
			    	for($i=0;$i<count($_type_arr);$i++){
						if(($i+1)==$_result[e_type]){
							echo '<input type="radio" class="radio" name="type" value="'.($i+1).'" checked="checked" />'.$_type_arr[$i];
						}else{
							echo '<input type="radio" class="radio" name="type" value="'.($i+1).'" />'.$_type_arr[$i];
						}
			    	}
    			?>		
    		</span>
    	</td>
    </tr>
    <tr><td colspan="2" class="h38 center"><input type="submit" value="提交" class="submit" /><input type="reset" class="reset" value="重填" /></td></tr>
</table>
</form>
</div>
<?php 
	require ROOT_PATH.'includes/close.inc.php';
?>
<div style="height:40px;"></div>
</body>
</html>

 

效果图:

 

 

 

  • 大小: 71.2 KB
1
2
分享到:
评论

相关推荐

    HTML前端wangEditor富文本编辑器demo(jQuery)

    wangEditor就是这样一个强大的富文本编辑器,它专为JavaScript和jQuery设计,同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用,具有丰富的功能,包括图片可拖拽调整大小,以及方便地...

    PHP版百度富文本编辑器ueditor

    **PHP版百度富文本编辑器ueditor** 在Web开发中,富文本编辑器是不可或缺的工具,它允许用户以类似于Microsoft Word的方式创建和编辑内容,然后以HTML格式存储。其中,百度开发的ueditor是一款非常受欢迎的开源富...

    百度Ueditor在线富文本编辑器

    **百度Ueditor在线富文本编辑器** 百度Ueditor是一款由百度公司开发的开源、免费的在线富文本编辑器,主要用于Web应用中提供便捷的文本编辑功能。它以其强大的功能、良好的用户体验以及易于集成的特点,被广泛应用...

    uniapp富文本编辑器.zip

    《uniapp富文本编辑器深度解析与应用指南》 在移动应用开发中,富文本编辑器扮演着重要的角色,它允许用户创建、编辑并格式化文本内容,支持插入图片、链接等多种元素。uniapp作为一款跨平台的开发框架,通过其强大...

    H5下最简洁好用的富文本编辑器

    在现代Web开发中,富文本编辑器是必不可少的工具,特别是在需要用户输入格式化内容的场景下,如博客、论坛、评论系统等。H5(HTML5)作为最新的Web标准,提供了更多的API和功能,使得富文本编辑器的实现更加方便和...

    一款基于vue3+typescript+element plus的HTML5富文本编辑器.zip

    在这样的项目中,开发者可能会用到Quill、TinyMCE、CKEditor 5等流行的富文本编辑器库,或者自定义构建了一个编辑器,以满足特定的需求。 富文本编辑器通常包括以下功能: 1. 基本文本格式化:如加粗、斜体、下划线...

    自用富文本编辑器+json对象各种互转方法

    在本案例中,提到的自用富文本编辑器还支持文件和图片的上传,这在许多在线协作和内容创作场景中是非常实用的。 富文本编辑器的工作原理通常是基于HTML(超文本标记语言)和CSS(层叠样式表)来展示文本的格式。...

    java 富文本编辑器demo

    - 开发API接口,让其他系统或移动应用也能调用编辑器服务。 综上所述,实现一个Java富文本编辑器Demo涉及前端编辑器的选择与集成、后端数据处理、数据库交互、JSP页面展示以及安全性和扩展性设计。这个过程不仅...

    富文本编辑器保存网络图片到本地

    3. **图片的获取与保存**:当富文本编辑器中包含来自网络的图片时,为了确保最终生成的内容能够正常显示这些图片,通常需要将这些网络图片下载并保存到服务器的本地文件系统上,并更新 HTML 中的图片源地址。...

    sdEditor富文本编辑器 v1.1.1.zip

    "sdEditor富文本编辑器 v1.1.1.zip" 是一个包含富文本编辑器相关资源的压缩包,主要用于提供用户界面友好的文本编辑功能。这个编辑器可能被用于网站内容管理、论坛发帖、博客撰写等场景,适用于网页开发和计算机应用...

    富文本编辑器插件-wysiwyg.js

    在这个例子中,当文档加载完成后,`#myEditor`这个`&lt;textarea&gt;`将会被转换为富文本编辑器。 `wysiwyg.js`还提供了丰富的配置选项,允许开发者自定义编辑器的行为,比如禁用某些功能、设置工具栏按钮或改变编辑器的...

    Android富文本编辑器(高仿简书)

    在Android开发中,富文本编辑器是一个至关重要的组件,它允许用户输入并格式化文本,类似于常见的文字处理软件。"Android富文本编辑器(高仿简书)"是一个专为Android平台设计的开源类库,其目标是模仿简书的文本编辑...

    富文本编辑器(可以同时添加文字和图片)

    【富文本编辑器:结合文字与图片的编辑工具】 富文本编辑器是一种允许用户在文本中插入、编辑和格式化文字以及图片的交互式编辑工具。在移动应用开发,特别是Android平台,这样的编辑器功能非常实用,因为它为用户...

    百度富文本编辑器

    2. **创建编辑器实例**:在页面中选择一个元素(通常是`&lt;div&gt;`)作为编辑器的工作区域,通过JavaScript调用编辑器的初始化方法。 3. **配置编辑器**:可以通过配置项调整编辑器的行为,例如设置初始内容、工具栏、...

    微信小程序富文本编辑器demo源码.zip

    在富文本编辑器中,JavaScript会监听用户的操作,比如点击按钮,然后调用微信小程序的API来执行相应的富文本操作。例如,使用`wx.setClipboardData`复制粘贴文本,`wx.chooseImage`选择图片,`wx.getImageInfo`获取...

    微信小程序富文本编辑器插件miniapp-editor-master.zip

    富文本编辑器是用于创建和编辑包含各种格式(如字体、颜色、图片、链接等)的文本的工具,广泛应用于在线文档编辑、论坛、博客等场景。 "miniapp-editor-master"这个目录名暗示了这可能是一个开源项目或库的主分支...

    Delphi 富文本编辑开发源码

    本主题聚焦于"Delphi 富文本编辑开发源码",这是一份专为Delphi程序员设计的源代码,用于创建具有高级编辑功能的文本编辑器。该源码主要利用了RichEdit1控件,这是一个内置于Delphi中的组件,支持富文本格式(RTF)...

    android富文本编辑器 webview

    在Android开发中,富文本编辑器是一个非常重要的组件,它允许用户进行复杂的文本编辑操作,如插入图片、改变文字颜色和字体样式等。本项目主要关注的是如何在Android应用中集成一个基于Webview的富文本编辑器。...

    仿简书富文本编辑器

    在IT行业中,富文本编辑器是一种常见的用户界面组件,它允许用户输入并格式化文本,类似于常见的文字处理软件。在移动应用开发中,特别是在Android平台上,实现一个功能丰富的富文本编辑器是提升用户体验的关键。本...

    asp.net前台专用富文本编辑器

    在提供的压缩包文件"博客在线文本编辑器"中,可能包含一个用于在ASP.NET应用中实现富文本编辑功能的示例或组件。这可能包括编辑器的JavaScript文件、CSS样式表、图像资源,以及可能的示例代码或集成指南。为了使用这...

Global site tag (gtag.js) - Google Analytics