Rumah Tutorial CMS ECShop ECSHOP如何安装百度编辑UEditor

ECSHOP如何安装百度编辑UEditor

Nov 04, 2019 pm 02:01 PM
ecshop

ECSHOP系统自带的编辑器大家用过都知道,难用不说,还不能批量上传图片。很多朋友都喜欢百度编辑器,因为百度编辑器功能强大,使用方便,而且不会生成太多多余代码。

ECSHOP如何安装百度编辑UEditor

网上有许多ECSHOP整合百度编辑器的教程,但大多都有一些问题。

推荐:《ecshop开发教程

先看效果图:

48a613d548e9b56eaf946578a0ec6be.png

教程开始:

第一步:

先到百度编辑器官网下载最新版,将文件夹改名为“ueditor”,上传到 /includes/ 目录下

(也可以在本教程底部下载制作好的ueditor1.4.3版)

第二步:

打开这两个文件,一个是商品编辑,一个是文章编辑

/admin/templates/goods_info.htm
/admin/templates/article_info.htm

查找:

{$FCKeditor}

修改成:

<script type="text/javascript" charset="utf-8" src="../includes/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../includes/ueditor/lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
.clear {
clear: both;
}
</style>
<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>
<script type="text/javascript">
delete(Object.prototype.toJSONString);
UE.getEditor(&#39;goods_desc&#39;)
</script>

两个文件都这样修改。

注意这行代码:

<textarea id="goods_desc" name="goods_desc" style="width:100%;height:500px;"> {$goods.goods_desc}</textarea>

width和height分别是指编辑器的大小,但是IE内核的浏览器,有可能不支持写成px,所以编辑器的大小可能有些不完美,这是跟CSS有关,这个可以自行解决。

这个时候,其实ECSHOP后台编辑器其实已经可以正常使用了,只是进入商品列表、分类等等,会报错的,提示缺少Ajax:

7d75efd03062392eeaf0f6266cb18b9.png

下面接着提供解决方法

第三步:解决后台js冲突

打开 /admin/templates/pageheader.htm

在头部找到:

{insert_scripts files="../js/transport.js,common.js,../js/utils.js"}

修改为:

<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.min.js" rel="stylesheet" /></script>
<script type="text/javascript" src="../includes/ueditor/fix_jquery/jquery.json-1.3.js" rel="stylesheet" /></script>
<script type="text/javascript" src="js/common.js" rel="stylesheet" /></script>
<script type="text/javascript" src="../includes/ueditor/fix_jquery/transport_json.js" rel="stylesheet" /></script>
{insert_scripts files="../js/utils.js"}

这样就可以了。

注意,不要忘记了引用的JQ文件。。

Atas ialah kandungan terperinci ECSHOP如何安装百度编辑UEditor. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Panduan pemula ' s ke Rimworld: Odyssey
1 bulan yang lalu By Jack chen
Skop pembolehubah PHP dijelaskan
4 minggu yang lalu By 百草
Petua untuk menulis komen php
3 minggu yang lalu By 百草
Mengulas kod dalam php
3 minggu yang lalu By 百草

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial PHP
1509
276
Apakah kaedah untuk mengisih artikel ecshop? Apakah kaedah untuk mengisih artikel ecshop? Jun 16, 2023 am 11:30 AM

Cara menyusun artikel ecshop: 1. Isih mengikut masa penerbitan, anda boleh mengawal susunan artikel dalam senarai dengan mengubah suai masa penerbitan artikel 2. Isih mengikut klik, anda boleh mencapai pengisihan ini dengan memasang "Peringkat Klik Artikel " Fungsi pemalam, pemalam ini boleh mengira bilangan klik pada artikel; 3. Isih mengikut bilangan ulasan, anda boleh melaksanakan fungsi pengisihan ini dengan memasang pemalam "Kedudukan Komen Artikel", yang boleh mengira bilangan komen pada artikel; 4. Isih mengikut perkaitan, Fungsi pengisihan ini boleh dicapai dengan memasang pemalam "Search Ranking".

Apakah seni bina ecshop? Apakah seni bina ecshop? Feb 23, 2023 am 09:32 AM

ecshop ialah seni bina "B2C" ecshop ialah sistem kedai dalam talian bebas B2C, sesuai untuk perusahaan dan individu untuk membina kedai dalam talian yang diperibadikan dengan cepat.

Apakah ciri-ciri ecshop? Apakah ciri-ciri ecshop? Feb 13, 2023 am 09:43 AM

Ciri-ciri: 1. Sistem sumber terbuka dengan fleksibiliti, kebolehubahsuaian dan kebolehskalaan tinggi; dan kestabilan; 7. Peningkatan rangka kerja mudah alih H5, berdasarkan penggantian komprehensif VUE, lebih fleksibel dan terbuka 8. Fungsi rebat pelbagai peringkat, menyokong kod QR, poster dan kaedah promosi lain, pembangunan pembelahan tanpa had pengedar ; daripada terminal pengurusan diperbaharui sepenuhnya, UI adalah ringkas dan cantik, dan pengalaman operasi dinaik taraf 9. Menyokong PHP7.2, dan prestasinya digandakan.

Apakah fungsi ecshop? Apakah fungsi ecshop? Feb 23, 2023 am 09:29 AM

Fungsi ecshop adalah: 1. Pengurusan produk; 3. Pengurusan pesanan; ; 10. Pengurusan templat 11. Pengurusan pangkalan data 12. Pengurusan SMS, dsb.

Pengurusan produk Ecshop lanjutan: pelajari cara menambah medan Pengurusan produk Ecshop lanjutan: pelajari cara menambah medan Mar 12, 2024 pm 02:06 PM

Pengurusan Produk Ecshop Lanjutan: Ketahui cara menambah medan, anda memerlukan contoh kod khusus Apabila menggunakan Ecshop untuk pengurusan produk, anda sering menghadapi situasi di mana anda perlu menambah beberapa medan tersuai untuk memenuhi keperluan tertentu. Dengan menambah medan, pengurusan produk yang lebih tepat dan pengalaman pengguna yang lebih baik boleh dicapai. Artikel ini akan memperkenalkan cara menambah medan dalam Ecshop dan memberikan contoh kod khusus. Pertama, kita perlu menjelaskan keperluan untuk menambah medan. Sebagai contoh, kita perlu menambah medan "tarikh pengeluaran" pada halaman butiran produk

Apakah model ecshop? Apakah model ecshop? Feb 22, 2023 am 09:37 AM

ecshop ialah model B2C. ECShop ialah sistem kedai dalam talian bebas B2C, sesuai untuk perusahaan dan individu untuk membina kedai dalam talian yang diperibadikan dengan cepat. B2C merujuk kepada model e-dagang, dan ia juga merupakan model runcit yang menjual produk dan perkhidmatan terus kepada pengguna kaedah pembayaran e-dagang B2C ialah gabungan tunai semasa penghantaran dan pembayaran dalam talian, dan kebanyakan syarikat memilih logistik penyumberan luar untuk penghantaran untuk menjimatkan kos operasi.

Bagaimana untuk membuang hak cipta di bahagian bawah ecshop Bagaimana untuk membuang hak cipta di bahagian bawah ecshop Aug 08, 2023 pm 02:42 PM

Kaedah untuk mengalih keluar hak cipta di bahagian bawah ecshop: 1. Ubah suai fail templat, lokasi khusus ialah: themes/your_theme directory, cari fail footer.html dalam direktori ini, buka dengan editor teks, cari segmen kod yang mengandungi maklumat hak cipta, padamkannya atau Komen keluar. Hanya simpan fail dan tutupnya 2. Untuk menggunakan pemalam, log masuk ke bahagian belakang, klik pengurusan pemalam, cari hak cipta dan kata kunci lain yang berkaitan di bahagian bawah, pilih pemalam yang sesuai untuk dipasang dan didayakan ia; 3. Untuk membeli tema, beli di laman web rasmi ECShop dsb.

Apakah program ecshop? Apakah program ecshop? Feb 16, 2023 am 10:38 AM

ECShop ialah sistem kedai dalam talian bebas B2C Ia adalah program sumber terbuka merentas platform yang dibangunkan berdasarkan bahasa PHP dan seni bina pangkalan data MYSQL Ia sesuai untuk perusahaan dan individu untuk membina kedai dalam talian yang diperibadikan. Ciri-ciri sistem pusat membeli-belah ecshop: 1. Menyokong pembangunan sekunder bebas;

See all articles