您的位置：首页 > 编程技术 > php  >  phpweb更换百度编辑器的配置教程

phpweb更换百度编辑器的配置教程

 更新时间：2016年11月25日 17:20  点击：1543
phpweb是一个企业建站系统了可以快速的实现企业群站创建了，但这款使用的编辑器并不是百度编辑器对于小编来讲是非常喜欢百度编辑器了，下面一起来看看phpweb更换百度编辑器的配置。

准备工作：

1.从UEditor 官网上面下载 最新版本的UEditor，现在最新版本为ueditor1_4_3-utf8-php，请下载php版本。

2.我们更换的是 news 模块下的编辑器，也就是新闻模块，请确保news/admin/下面，news_conadd.php,news_conmod.php，已经破解出源码，如果没有，请自行百度！

开始动手：

1.解压下载的压缩包直接到phpweb根目录

2.打开news_conadd.php文件夹

找到以下代码：

 代码如下 复制代码

<input type="hidden" name="body" value="<?php echo $body; ?>" />
<script type="text/javascript" src="../../kedit/KindEditor.js"></script>
<script type="text/javascript">

var editor = new KindEditor("editor");
 editor.hiddenName = "body";
 editor.editorWidth = "680px";
 editor.editorHeight = "300px";
 editor.skinPath = "../../kedit/skins/default/";
 editor.uploadPath = "../../kedit/upload_cgi/upload.php";
 editor.imageAttachPath="news/pics/";
 editor.iconPath = "../../kedit/icons/";
 editor.show();
   function KindSubmit() {
editor.data();
 }

 </script>

然后直接注释掉，或者删除。

加入

 代码如下 复制代码
<script id="container" name="body" type="text/plain"></script>

然后在下面插入

 代码如下 复制代码
<!-- 配置文件 -->
<script type="text/javascript" src="../../ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="../../ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container',{
   initialFrameWidth:"800",
   initialFrameHeight:"200"
  });
  
</script>

这样，新闻的添加就好了。

下面就是新闻的修改；

步骤和添加一样只是在实例化编辑器后面加入

 代码如下 复制代码

 <script type="text/javascript">
var ue = UE.getEditor('container',{
   initialFrameWidth:"800",
   initialFrameHeight:"200",
   
  });
  
  ue.ready(function() {
   //设置编辑器的内容
   ue.setContent('<?php echo htmlspecialchars_decode($body);?>');
   
   
  });
  
</script>

这样 修改就可以了。

注意：更换完成编辑器后，原来phpweb自带的分页就不能使用了。

phpweb更换百度编辑器的配置教程

phpweb更换百度编辑器的配置教程

下面是修改新闻的时候：

phpweb更换百度编辑器的配置教程

写在最后：
百度UEditor 的上传图片路径是统一默认的，如果要修改，请打开 ueditor/php/config.json 下面进行修改。
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化了，下面我们就一起来看看phpweb更换kindeditor编辑器的过程，希望文章可帮助到各位。

都知道phpweb自带的编辑器很不好用，有的时候提交会出现很多问题！ 今天开始动工把phpweb的编辑器给换了 首先更换news 模块下的编辑器

1.到kindeditor 官方网站上面下载最新的kindeditor包。
2.删除不用的文件夹，asp,jsp等
3.把kindeditor 的文件夹放入phpweb 根目录下
4.打开news/admin/news_conadd.php 大概108行处

 代码如下 复制代码

<input type=”hidden” name=”body” value=”<?php echo $body; ?>” />
<script type=”text/javascript” src=”../../kedit/KindEditor.js”></script>
<script type=”text/javascript”>
var editor = new KindEditor(“editor”);
editor.hiddenName = “body”;
editor.editorWidth = “680px”;
editor.editorHeight = “300px”;
editor.skinPath = “../../kedit/skins/default/”;
editor.uploadPath = “../../kedit/upload_cgi/upload.php”;
editor.imageAttachPath=”news/pics/”;
editor.iconPath = “../../kedit/icons/”;
editor.show();
function KindSubmit() { editor.data(); }
</script>

更换为

 代码如下 复制代码

<script charset=”utf-8″ src=”../../kindeditor/kindeditor.js”></script>
<script charset=”utf-8″ src=”../../kindeditor/lang/zh_CN.js”></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create(‘#editor_id’,{
width:’680px’,
height:’300px’,
uploadJson:’upload_json.php’,
fileManagerJson : ‘file_manager_json.php’,
allowFileManager : true,
syncType:”form”, afterCreate : function() { var self = this; self.sync(); }, afterChange : function() { var self = this; self.sync(); }, afterBlur : function() { var self = this; self.sync(); } }); }); </script>
<textarea  name=”body” id=”editor_id” style=”width:680px;height:300px;”/><?php echo $body;?></textarea>

注意：红色标注处，按照官方提供的demo.php文件中写的方法，得不到textarea 里面的内容！ 5.复制kindeditorphp文件夹下面upload_json.php和file_manager_json.php (新版中存在 JSON.php也一起复制)文件到newsadmin下 修改2个文件

//文件保存目录路径 $save_path = $php_path . ‘../attached/'; //文件保存目录URL $save_url = $php_url . ‘../attached/';
为

//文件保存目录路径 $save_path = $php_path . ‘../pics/'; //文件保存目录URL $save_url = $php_url . ‘../pics/';

碰到问题

kindeditor 用ajax提交会出现如下问题： 提交第二次才能获取到真实的值。用如下方法解决：

加一个,afterChange: function (e) { this.sync() }  同步下数据即可

替换就ok：

现在这种多选择功能在很多网站都有，如现在很多电商网站都有N个条件选择了，下面小编为各位介绍一个简单的多级分类筛选实现方法。

主要注意这边有一个 $$这是变量的变量。 以后估计会常用这个做开发。

 代码如下 复制代码

<?php
 
$conditions = array('price','color','metal');//要进行筛选的字段放在这里
 
$price = $color = $metal='';//先给需要筛选的字段赋空值，这些值将输出到页面的hidden fileds 中
 
//以下循环给已经进行的筛选赋值，以便能够在下一次筛选中保留
 
foreach($conditions as $value){
 
    if(isset($_GET[$value])){
        $$value = $_GET[$value];
    }
 
}

 
//以下是演示输出$_GET数据
 
echo '<pre>';
 
print_r($_GET);
 
echo '</pre>';
 
?>
 
<!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>
 
<style type="text/css">
 
body{font-size:14px;font-family:Tahoma,"宋体"}
 
</style>
 
<script type="text/javascript">
 
function Filter(a,b){
 
    var $ = function(e){return document.getElementById(e);}
 
    var ipts = $('filterForm').getElementsByTagName('input'),result=[];
 
    for(var i=0,l=ipts.length;i<l;i++){
 
        if(ipts[i].getAttribute('to')=='filter'){
 
           result.push(ipts[i]);
 
       }
 
    }
 
   if($(a)){
 
        $(a).value = b;
 
        for(var j=0,len=result.length;j<len;j++){
 
           if(result[j].value==''){
 
               result[j].parentNode.removeChild(result[j]);
 
           }
 
       }
 
        document.forms['filterForm'].submit();
 
    }
 
    return false;
 
}
 
</script>
 
</head>
 
<body>
 
<form id="filterForm" action="test.php" method="get">
 
<!--
 
form的id 要和程序里统一
 
为避免与其他使用的隐藏域冲突，添加了to属性
 
以下是筛选字段隐藏域
 
需要筛选的隐藏域需要加 to 属性
 
-->
 
<input to="filter" type="hidden" id="price" name="price" value="<?=$price?>" />
 
<input to="filter" type="hidden" id="color" name="color" value="<?=$color?>" />
 
<input to="filter" type="hidden" id="metal" name="metal" value="<?=$metal?>" />
 
</form>
 
<!--
 
要筛选的属性可以由程序生成，注意规律！
 
-->
 
价格：<a href="javascript:Filter('price','');">不限</a>

<a href="javascript:Filter('price','100-1000');">100-1000</a>
 
      <a href="javascript:Filter('price','1001-2000');">1001-2000</a>
 
     <a href="javascript:Filter('price','2001-3000');">2001-3000</a><br/>
 
颜色：<a href="javascript:Filter('color','红色');">红色</a>
 
      <a href="javascript:Filter('color','蓝色');">蓝色</a><br />
 
材质：<a href="javascript:Filter('metal','纯金');">纯金</a>
 
      <a href="javascript:Filter('metal','纯银');">纯银</a><br />
 
</body>
 
</html>

以下是最近工作中总结的几个Drupal小问题，Drupal性能模块之简明分析对比，实现view动态输出的步骤方法，为Drupal主题添加主题内自带图片的正确方法。其中第一个是在网上找到的翻译国外内容，这此感谢这些默默翻译的高手。

Drupal性能模块的简明分析对比

原文：

Varnish

We explored various caching solutions available for Drupal. We shortlisted Varnish, Boost and Authcache modules. We performed a number of tests using these modules. We tested over 1000 pages from different locations. The average page load time without any caching was above 4.0 seconds. The average page load time with Drupal's default caching was 2.5 seconds. The average page load time with the Authcache module was reduced to 1.8 seconds. The average page load time with the Boost module was 1.7 seconds. The average page load time with Varnish module was 1.5 seconds. Therefore we preferred using the Varnish module. These stats are for this site only, the results may vary for other sites.

我简单翻译下：

用1000个不同的页面作的测试，

1.不用任何缓存模块：平均加载时间4秒以上；
2.使用drupal自带缓存：平均加载时间2.5秒；
3.使用Authcache模块，平均加载时间1.8秒；
4.使用Boost模块，平均加载时间1.7秒；
5.使用Varnish模块，平均加载时间1.5秒；

-----------------------------------------------

实现view动态输出的步骤方法

1、在 view 的属性页，选择 header
2、选择 Global: Text area
3、在弹出框里，覆写 输出
4、只有Replacement patterns 显示出来的字段，才能被调用
5、注意勾选 *Use replacement tokens from the first row

-----------------------------------------------

为Drupal主题添加主题内自带图片的正确方法

在为drupal的主题添加主题自带的一些图片的时候,会碰到一些路径问题,使用下面这些方法添加的图片,才能正确显示在页面上:

<img src="<?php print $base_path . drupal_get_path('theme', 'yourtheme');?>/image/act-title.jpg">

在php标签里面输出url的时候要使用 $base_path 与 主题路径拼接出来的url 然后再加上主题目录里面的静态图片的路径,才能正确的显示.

验证URL有两种一种是利用正则表达式来验证URL是不是合适url规则了，另一个是利用函数来访问指定url看看是否可正常访问了，如果能正常访问自然就是合法的url地址了。

例子1

 代码如下 复制代码

<?php
function isValidUrl($url) {
 
    $patern = '/^http[s]?:＼/＼/'.
        '(([0-9]{1,3}＼.){3}[0-9]{1,3}'.             // IP形式的URL- 199.194.52.184
        '|'.                                        // 允许IP和DOMAIN（域名）
        '([0-9a-z_!~*＼'()-]+＼.)*'.                  // 三级域验证- www.
        '([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]＼.'.     // 二级域验证
        '[a-z]{2,6})'.                              // 顶级域验证.com or .museum
        '(:[0-9]{1,4})?'.                           // 端口- :80
        '((＼/＼?)|'.                                 // 如果含有文件对文件部分进行校验
        '(＼/[0-9a-zA-Z_!~＼*＼'＼(＼)＼.;＼?:@&=＼+＼$,%#-＼/]*)?)$/';
 
    if(!preg_match($patern, $url)) {
        die( '您输入的URL格式有问题，请检查！');
    }
}

例子2

上面的例子只是验证url是不是正常的不代表是否可以访问了，我们可以使用如curl函数进行方法

 代码如下 复制代码

$url = "http://www.111cn.net ";
$curl = curl_init($url);
curl_setopt($curl, CURLOPT_NOBODY, true);
$result = curl_exec($curl);
if ($result !== false)
{
  $statusCode = curl_getinfo($curl, CURLINFO_HTTP_CODE); 
  if ($statusCode == 404)
  {
    echo "URL Not Exists"
  }
  else
  {
     echo "URL Exists";
  }
}
else
{
  echo "URL not Exists";
}

除了这个函数还可以使用php的很多函数如 file、file_get_contents()、fopen函数来进行检测了。

[!--infotagslink--]

相关文章

  • SQL SERVER迁移之更换磁盘文件夹的完整步骤

    这篇文章主要给大家介绍了关于SQL SERVER迁移之更换磁盘文件夹的完整步骤，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-12-08

  • 超漂亮的Bootstrap 富文本编辑器summernote

    Summernote 是一个简单，灵活，所见即所得（WYSIWYG）的编辑器，基于 jQuery 和 Bootstrap 构建。对bootstrap 文本编辑器相关知识感兴趣的朋友一起学习吧...2016-04-06

  • 帝国CMS会员注册字段增加编辑器、发送短消息改为编辑框

    通过本教程可以实现帝国CMS后台给前台注册用户发消息，把内容输入框改为编辑器，可上传图片，等打开文件\e\admin\member\SendMsg.php 大约84行<textarea name="msgtext" cols="6...2016-01-27

  • ASP.NET百度Ueditor编辑器实现上传图片添加水印效果

    这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料，文中通过图文及示例代码介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。...2021-09-22

  • C# RichTextBox制作文本编辑器

    这篇文章主要为大家详细介绍了C# RichTextBox制作文本编辑器的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

  • KindEditor编辑器调用方法

    KindEditor编辑器调用方法,这个编辑器可使用到任何语言中,他是一个纯js的编辑器,但它默认的编辑是utf-8如果是gb2312编辑的朋友就是KindEditor.js打开,重保存为gb2312...2016-11-25

  • C#实现简单文本编辑器

    这篇文章主要为大家详细介绍了C#实现简单文本编辑器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

  • 同一页面放多个百度编辑器 Ueditor 并用PHP获取 Ueditor 的值的实例

    UEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果，本文我们解决在同一个页面上如何放多个 UEditor ，然后再用 PHP 接收 UEditor 的值...2016-11-25

  • PHP编辑器PhpStrom运行缓慢问题

    小编推荐的这篇文章介绍了PHP编辑器PhpStrom运行缓慢问题的解决办法，有兴趣的同学快来看看吧 最近在使用phpstorm开发项目的时候，在加载文件运行时，不管有多大，如果项...2017-07-06

  • 浅析Yii2集成富文本编辑器redactor实例教程

    yii2集成另外一个强大好用的富文本编辑器Redactor。接下来通过本文给大家介绍Yii2集成富文本编辑器redactor实例教程，感兴趣的朋友一起学习吧...2016-04-28

  • ArtEditor富文本编辑器增加表单提交功能

    artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片，后续完善其他功能。接下来通过本文给大家介绍ArtEditor富文本编辑器增加表单提交功能，对arteditor编辑器相关知识感兴趣的朋友一起学习吧...2016-04-19

  • iPhone不越狱更换微信铃声的方法

    最近和朋友在一起，5个人5台iPhone，一来微信信息所有人都看手机，搞得好麻烦，我看过一篇修改微信铃声的教程，表示需要对苹果手机进行越狱才可以修改铃声，越狱实在太麻烦了，算了，还是看看小编给大家分享iPhone不越狱更换微信铃声的方法...2016-07-04

  • 如何在sublime编辑器中安装python

    这篇文章主要介绍了如何在sublime编辑器中安装python,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-20

  • 网站更换模板对网站的影响分析

    网站更换模板对网站的影响分析,经常看到一些新手SEOer在那里说，网站做好之后就不要再乱动了，否则会被降权的。网站模板不要随便更换，否则会拔毛或者降权的。我并不是说他...2016-10-10

  • php 中调用fckeditor网页编辑器方法

    下面中要在html 中调用就行了 <script src=”fckeditor/fckeditor.js”></script> <script type=”text/网页特效”> function showfck(){...2016-11-25

  • yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法

    这篇文章主要介绍了yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法的相关资料,需要的朋友可以参考下...2016-04-23

  • Unity编辑器下重启的方法

    这篇文章主要介绍了Unity编辑器下重启的方法的相关资料,希望通过本文能帮助到大家，让大家学习理解这部分内容，需要的朋友可以参考下...2020-04-25

  • 新浪在线可视化编辑器PHP版

    调用 <?php /** * 新浪博客编辑器PHP版封装类调用方法 * */ header(\'Content-Type:text/html;Charset=utf-8;\'); include_once(\'sinaEditor.class.php\'...2016-11-25

  • dotnet封装的kindeditor编辑器控件

    KindEditor很不错，没有ForNet的扩展,我是搞.net开发的,就用它简单封装了一个控件，拖过来即可使用，使用更加简单...2021-09-22

  • fckediter、 tiny_mce 编辑器安装方法

    fckediter： 效果图： 用法： 首先去网上下载fckediter，然后按着这四步来： 1.复制fckeditor到网站跟目录下 2.复制fredck.fckeditorv2.dll到bin目录下，再添加引用 3.配web.con...2016-09-20