Hari ini, editor online diunggah di lingkungan ASP, tetapi tidak valid. Saya mencari waktu yang lama sebelum saya menemukan pengantar ini. FckEditor mendukung berbagai bahasa scripting server.
Untuk sistem ASP:
Direktori root fckeditor, hanya mempertahankan fckeditor.asp, fckconfig.js, fckeditor.js, fckpackager.xml, fckstyles.xml,
FCKTemplates.xml Direktori dan Direktori Editor. Hapus Direktori Sampel _Samples.
Hanya direktori ASP yang disimpan di bawah direktori FCKEDITOR/EDITOR/FILEMANERGER/KONEKTOR, dan direktori dan file lainnya dihapus.
(2) Ubah program skrip (bahasa) yang digunakan untuk mengunggah file.
Program unggahan file fckeditor default adalah ASP.
Jika digunakan dalam sistem PHP, Anda perlu membuat modifikasi berikut dan buka fckconfig.js
muncul:
var _filebrowserlang ge = asp
var _quickuploadlang ge = asp
Ubah ke:
var _filebrowserlang ge = php
var _quickuploadlang ge = php
(3) Nyalakan unggahan file dan ubah direktori unggahan file.
Untuk sistem ASP:
Buka FckEditor/Editor/FileManager/Konektor/ASP/Config.asp
Aktifkan Upload File:
muncul:
ConfigIseNabled = false
Ubah ke:
ConfigIseNabled = tr
Siapkan Direktori Unggah dan Penyimpanan:
muncul:
ConfigUserFilespath =/admin/uppic/
Ubah ke:
ConfigUserFilespath = jalur khusus
Untuk sistem PHP:
Buka FckEditor/Editor/FileManager/browser/default/konektor/php/config.php
Aktifkan Upload File:
muncul:
$ Config [diaktifkan] = false
Ubah ke:
$ Config [diaktifkan] = tr
Siapkan Direktori Unggah dan Penyimpanan:
muncul:
$ Config [userfileSpath] = /userfiles /
Ubah ke:
$ Config [userfileSpath] = jalur khusus
(4) Ubah metode penamaan file yang diunggah.
FckEditor Mengunggah file, nama file menggunakan nama file asli.
persegi:
Untuk sistem ASP:
Buka fckeditor/sampel/edit/edit/edit/filemanager/konektor/asp/commands.asp
muncul:
sfilename = sanitizefileName (sfilename)
Ubah kalimat ini ke format penamaan file khusus, misalnya:
RNDSTR redup
Mengacak
Rndstr = cstr (fix (9000*rnd ()+1000)) menghasilkan nomor acak
sfilename = tahun (tanggal) & bulan (tanggal) & hari (tanggal) & jam (waktu) & menit (waktu) & kedua (waktu) & rndstr &.
**ketegangan
Untuk sistem PHP:
Buka fckeditor/editor/editor/filemanager/konektor/php/commands.php
muncul:
$ soriginalfileName = $ sfilename;
Termasuk di depan kalimat ini:
// inisialisasi benih
$ sstr = split (, microtime (), 5);
$ seed = $ str [0]*10000;
// Inisialisasi generator angka acak menggunakan benih
Srand ($ seed);
// menghasilkan angka acak dalam kisaran yang ditentukan
$ acak = rand (1000.10000);
// Sintesiskan nama file segera
$ sfilename = tanggal (ymdhis, time ()). $ acak ... $ ** ketegangan;
(5) Bagaimana fckeditor dirujuk dalam program.
Untuk sistem ASP:
Perlu menyertakan file header berikut
<!-#incl? File = fckeditor/fckeditor.asp->
Tambahkan kode berikut ke lokasi editor:
<%
Redup
Set ofckeditor = fckeditor baru
OfckEditor.BasePath = / fckeditor / jalur ini harus relatif terhadap direktori root situs.
Tidak akan ditampilkan
ofckeditor.toolbarset = default
ofckeditor.width = 98%
ofckeditor.height = 500px
ofckeditor.val = Tetapkan nilai default
OfckEditor.Create Shangpin_description ID editor setara dengan nilai atribut nama tag input, berikut adalah
shangpin_description
%>
Untuk php:
Tambahkan kode berikut ke lokasi editor:
<? php
incl? (Fckeditor/fckeditor.php);
$ ofckeditor = fckeditor baru (shangpin_description);
Nilai Atribut Nama, Berikut ini adalah Shangpin_description
$ OfckEditor-> Basepath =/fckeditor/; atur path fckeditor
$ ofckeditor-> toolbarset = default;
$ ofckeditor-> lebar = 98%;
$ ofckeditor-> tinggi = 500px;
$ ofckeditor-> val =;
$ ofckeditor-> create ();
?>
(6) Dapatkan data di fckeditor.
Untuk program skrip sisi server, cukup gunakan ID editor sebagai nilai atribut nama tag input, misalnya:
Req st (shangpin_description) di ASP, $ _req st [shangpin_description] di php
Gunakan fckeditapi.getInstance (shangpin_description) .getxhtml (tr) di js untuk mendapatkan nilai yang sesuai dari shangpin_description
Konfigurasi Asp CKEditor
Setelah mencari secara online untuk waktu yang lama, saya akhirnya menemukannya! O (∩_∩) o haha ~
1. Cara menggunakan:
1. Memperkenalkan file CKEedit CKEDITIT.JS CKEedit di halaman <HEAD>
<type skrip = teks/javascript src = ckeditor/ckeditor.js> </script>
2. Masukkan Kontrol HTML <TexTarea> di mana Anda menggunakan editor
<TextArea ID = TextAreA1 COLS = 20 baris = 2 class = cKEditor> </textarea>
Jika itu adalah lingkungan ASP.NET, kontrol sisi server <TextBox> juga dapat digunakan.
<ASP: TextBox ID = TBContent runat = Server TextMode = Multiline Class = CKEditor> </Sp: TextBox>
Perhatikan bahwa kelas = cKEditor ditambahkan ke kontrol.
3. Ganti kontrol yang sesuai dengan kode editor
<type skrip = teks/javascript>
Ckeditor.replace ('TextArea1');
// Jika itu adalah kontrol sisi server <TextBox> digunakan dalam lingkungan ASP.NET
Ckeditor.replace ('tbcontent');
// Jika kontrol <TextBox> ada di halaman master, tulis dengan cara ini
Ckeditor.replace ('< %= tbcontent.clientId.replace (_, $) %>');
</script>
4. Konfigurasikan Editor
Konfigurasi ckeditor terkonsentrasi dalam file ckeditor/config.js.
// Bahasa antarmuka, default ke 'en'
config.ibanguage = 'zh-cn';
// atur lebar dan tinggi
config.width = 400;
config.height = 400;
// Ada tiga jenis gaya editor: 'kama' (default), 'Office2003', 'v2'
config.skin = 'v2';
// Warna latar
config.uicolor = '#fff';
// Toolbar (Dasar 'Dasar', All-Round 'Full', Custom) Plugin/Toolbar/Plugin.js
config.toolbar = 'dasar';
config.toolbar = 'full';
Ini akan bekerja dengan:
config.toolbar_full = [
['Source', '-', 'Save', 'NewPage', 'Preview', '-', 'Template'],
['Cut', 'copy', 'paste', 'pastetext', 'pastefromword', '-', 'print', 'spellchecker', 'scayt'],
['Undo', 'redo', '-', 'find', 'ganti', '-', 'selectAll', 'Remestformat'],
['Form', 'kotak centang', 'Radio', 'Textfield', 'Textarea', 'Select', 'Tombol', 'ImageButton', 'Hiddenfield'],
'/',
['Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript'],
['NumberList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
['Tautan', 'unslink', 'anchor'],
['Gambar', 'flash', 'tabel', 'horizontalrule', 'smiley', 'specialchar', 'pagebreak'],
'/',
['Styles', 'format', 'font', 'fontsize'],
['TextColor', 'Bgcolor']
];
// Bisakah toolbar bisa menyusut
config.toolbarcancollaps = true;
// Lokasi bilah alat
config.toolbarlocation = 'atas'; // opsional: bawah
// apakah bilah alat diperluas secara default
config.toolbarstartupExpanded = true;
// undrag drag untuk mengubah plugin fungsi ukuran/mengubah ukuran/plugin.js
config.resize_enabled = false;
// Ubah ketinggian maksimum ukuran
config.resize_maxheight = 3000;
// Ubah ukuran maksimum ukuran
config.resize_maxwidth = 3000;
// Ubah ketinggian minimum ukuran
config.resize_minheight = 250;
// Ubah ukuran minimum ukuran
config.resize_minwidth = 750;
// Saat mengirimkan formulir yang berisi editor ini, apakah mungkin untuk memperbarui data di elemen secara otomatis
config.AutoupDateElement = true;
// Tetapkan apakah akan menggunakan direktori absolut atau relatif, direktori kosong atau relatif
config.basehref = ''
// Nilai z-index dari editor
config.basefloatzIndex = 10000;
// Atur tombol pintasan
config.keystrokes = [
[Ckeditor.alt + 121 /*f10* /, 'toolbarfocus'], // dapatkan fokus
[Ckeditor.alt + 122 /*f11* /, 'elementspathfocus'], // elemenfocus
[Ckedit.shift + 121 /*f10* /, 'contextMenu'], // menu teks
[Ckeditor.ctrl + 90 /*z* /, 'undo'], // revoke
[Ckeditor.ctrl + 89 /*y* /, 'redo'], // redo
[Ckeditor.ctrl + ckeditor.shift + 90 /*z* /, 'redo'], //
[Ckeditor.ctrl + 76 /*l* /, 'link'], // link
[Ckeditor.ctrl + 66 /*b* /, 'bold'], // bold
[Ckeditor.ctrl + 73 /*i* /, 'Italic'], // Italic
[Ckeditor.ctrl + 85 /*u* /, 'underline'], // garis bawah
[Ckeditor.alt + 109 /*-* /, 'toolbarcollaps']
]
// Mengatur tombol pintas dapat bertentangan dengan plugin/keystrokes/plugin.js keystrokes/plugin.js.
config.blockedkeystrokes = [
Ckeditor.ctrl + 66 /*b* /,
Ckeditor.ctrl + 73 /*i* /,
Ckeditor.ctrl + 85 /*u* /
]
// Atur nilai warna latar belakang elemen dalam plugin edit/colorbutton/plugin.js.
config.colorbutton_backstyle = {
Elemen: 'Span',
Styles: {'latar belakang': '#(color)'}
}
// Atur plugin Nilai Warna Foreground/ColorButton/Plugin.js
config.colorbutton_colors = '000,800000,8b4513,2f4f4f, 008080,000080,4b0082,696969, B22222, A52A2A, DAA520,
006400.40E0D0.0000CD, 800080.808080, F00, FF8C00, FFD700.008000,0FF, 00F, EE82EE,
A9A9A9, FFA07A, FFA500, FFFF00.00FF00, AFEEEE, ADD8E6, DDA0DD, D3D3D3, FFF0F5,
Fffffe0, f0fff0, f0ffff, f0f8ff, e6e6fa, fff '
// Apakah akan menampilkan opsi warna lain saat memilih plugin warna/colorbutton/plugin.js
config.colorbutton_enablemore = false
// Nilai default warna latar depan blok diatur ke plugin/colorbutton/plugin.js
config.colorbutton_forestyle = {
Elemen: 'Span',
styles: {'color': '#(color)'}
};
// Tambahkan untuk menambahkan file CSS yang perlu Anda tambahkan di sini Anda dapat menggunakan jalur relatif dan jalur absolut dari situs web.
config.contentscss = './contents.css';
// arah teks
config.contentslangDirection = 'rtl';
// Jika Anda tidak ingin mengonfigurasi file konfigurasi, tinggalkan saja kosong
Ckeditor.replace ('myfiled', {customConfig: './config.js'});
// Warna latar belakang plugin kotak pengeditan antarmuka/dialog/plugin.js
config.dialog_backgroundcoverColor = 'RGB (255, 254, 253)';
config.dialog_backgroundcovercolor = 'white' // default
// Nilai opacity latar belakang harus antara: 0,0 dan 1.0 plugin/dialog/plugin.js
config.dialog_backgroundcoveropacity = 0,5
// unit unit jarak adsorpsi perbatasan saat memindahkan atau mengubah elemen: plugin piksel/dialog/plugin.js
config.dialog_magnetdistance = 20;
// Apakah akan menolak pemeriksaan ejaan lokal dan meminta default untuk penolakan saat ini hanya Firefox dan Safari Support Plugins/Wysiwygarea/Plugin.js.
config.disablenativeSpellChecker = true
// Fungsi Pengeditan Tabel seperti: Menambahkan baris atau kolom saat ini hanya didukung oleh Firefox untuk plugin/wysiwygarea/plugin.js
config.disablenativetableHandles = true; // default tidak diaktifkan
// apakah akan mengaktifkan fungsi ukuran perubahan gambar dan tabel ke config.disableObjectresizing = true;
config.disableObjectresizing = false // default diaktifkan
// Atur Jenis Dokumen HTML
config.doctype = '<! Doctype html public -// w3c // dtd xhtml 1.0 transisi // en;
// apakah akan membuat plugin area pengeditan/pengeditanblock/plugin.js
config.eeditingblock = true;
// Tag yang dihasilkan oleh carriage return di editor
config.entermode = ckeditor.enter_p;
// Apakah akan menggunakan entitas HTML untuk mengeluarkan plugin/entitas/plugin.js
config.entities = true;
// Tentukan lebih banyak entitas plugin/entitas/plugin.js
config.entities_additional = ' # 39';
// Apakah akan mengonversi beberapa karakter yang sulit ditiru ke plugin/entitas karakter HTML yang sesuai/plugin.js
config.entities_greek = true;
// Apakah akan mengonversi beberapa karakter Latin menjadi plugin/entitas/plugin.js HTML
config.entities_latin = true;
// Apakah akan mengonversi beberapa karakter khusus ke karakter ASCII, seperti ini adalah Cina: Cina
config.entities_processnumerical = false;
// Tambahkan komponen baru
config.extraplugins = 'myplugin';
// Gunakan Plugin Warna Sorotan/Temukan/Plugin.js saat mencari
config.find_highlight = {
Elemen: 'Span',
styles: {'latar belakang': '#ff0', 'color': '#00f'}
};
// plugin nama font default/font/plugin.js
config.font_defaultlabel = 'Arial';
// Anda dapat menambahkan karakter Cina yang umum digunakan saat mengedit set karakter: font lagu, font kai, font tebal, dan plugin/font/plugin.js lainnya
config.font_names = 'Arial; Times New Roman; Verdana';
// Gaya default plugin teks/font/plugin.js
config.font_style = {
Elemen: 'Span',
Styles: {'font-family': '#(family)'},
overrides: [{element: 'font', atribut: {'face': null}}]]
};
// plugin ukuran font default/font/plugin.js
config.fontsize_defaultlabel = '12px';
// Ukuran font opsional saat mengedit plugin/font/plugin.js
config.fontsize_sizes = '8/8px; 9/9px; 10/10px; 11/11px; 12/12px; 14/14px; 16/16px; 18/18px; 20/20px; 22/22px; 24/24px; 26 /26px; 28/28px; 36/36px; 48/48px; 72/72px '
// Plugin gaya/font/plugin.js digunakan saat mengatur ukuran font
config.fontsize_style = {
Elemen: 'Span',
styles: {'font-size': '#(size)'},
overrides: [{element: 'font', atribut: {'size': null}}]]
};
// Apakah akan memaksa menyalin konten untuk menghapus format plugin/pastetext/plugin.js
config.forcePasteArplaintext = false // tidak dihapus
// apakah akan memaksa & mengganti & plugin/htmldataprocessor/plugin.js
config.forcesImpleampersand = false;
// Format Plugin Tag Alamat/Format/Plugin.js
config.format_address = {element: 'address', atribut: {class: 'styledAddress'}};
// Format secara otomatis Plugin/Format/Plugin.js Tag Div
config.format_div = {element: 'div', atribut: {class: 'normalDiv'}};
// Format secara otomatis H1 Tag Plugins/Format/Plugin.js
config.format_h1 = {element: 'h1', atribut: {class: 'contentTitle1'}};
// Format secara otomatis H2 Tag Plugins/Format/Plugin.js
config.format_h2 = {element: 'h2', atribut: {class: 'contentTitle2'}};
// Format secara otomatis H3 Tag Plugins/Format/Plugin.js
config.format_h1 = {element: 'h3', atribut: {class: 'contentTitle3'}};
// Format secara otomatis H4 Tag Plugins/Format/Plugin.js
config.format_h1 = {element: 'h4', atribut: {class: 'contentTitle4'}};
// Format secara otomatis H5 Tag Plugins/Format/Plugin.js
config.format_h1 = {element: 'h5', atribut: {class: 'contentTitle5'}};
// Format secara otomatis H6 Tag Plugins/Format/Plugin.js
config.format_h1 = {element: 'h6', atribut: {class: 'contentTitle6'}};
// Secara otomatis memformat t tag plugin/format/plugin.js
config.format_p = {element: 'p', atribut: {class: 'NormalPara'}};
// Format secara otomatis plugin tag/format/plugin.js
config.format_pre = {element: 'pre', atribut: {class: 'code'}};
// Tampilkan plugin/format/plugin.js di toolbar dengan nama tag yang dipisahkan titik koma di toolbar
config.format_tags = 'p; h1; h2; h3; h4; h5; h6; pra; alamat; div';
// Jika Anda menggunakan mode pengeditan HTML lengkap, kode sumber akan menyertakan tag seperti <html> <body> </body> </html>, dll.
config.fullpage = false;
// Apakah akan mengabaikan karakter kosong dalam paragraf.
config.ignoreemptyparagraph = true;
// Saat membersihkan atribut tautan di kotak Properti Picture, apakah saya menghapus tag plugin/gambar/plugin.js di kedua sisi pada saat yang sama saat membersihkan atribut tautan di kotak Properti Picture, apakah itu membersihkan <a> Tag plugin/gambar/plugin.js
config.image_removelinkbyemptyurl = true;
// Satu set nama label yang dipisahkan koma ditampilkan di sarang hierarkis di plugin/menu/plugin.js sudut kiri bawah.
config.menu_groups = 'clipboard, formulir, tablecell, tableCellProperties, tableerow, tableColumn, tabel, jangkar, tautan, gambar, flash, kotak centang, radio, textfield, hiddenfield, imageButton, tombol, pilih, textarea';
// tunda saat menampilkan submenu, unit: plugin MS/menu/plugin.js
config.menu_submenudelay = 400;
// Saat menjalankan perintah baru, konten di plugin editor/newPage/plugin.js
config.newpage_html = '';
// Saat menyalin teks dari Word, apakah akan memformat teks dan menghapus plugin/pastefromword/plugin.js
config.pastefromwordoReFontFace = true;
// Apakah akan menggunakan <h1> <h2> dan tag lainnya untuk memodifikasi atau mengganti konten yang ditempelkan dari plugin dokumen kata/pastefromword/plugin.js
config.pastefromwordeepseStructure = false;
// Apakah akan menghapus format plugin/pastefromword/plugin.js saat menempelkan konten dari Word
config.pastefromwordremovestyle = false;
// Format konten html output sesuai dengan jenis bahasa latar belakang, standarnya kosong
config.protectedsource.push (/</? [/s/s]*?/?>/g);
config.protectedsource.push (// g);
config.protectedsource.push (/(]+> [/s |/s]*? <// asp: [^/>]+>) | (]+/// Gi); // Asp.net Code
// Tag dimasukkan saat input: shift+enter
config.shiftentermode = ckeditor.enter_p;
// Plugin karakter pengganti emotikon opsional/smiley/plugin.js.
config.smiley_descriptions = [
':)', ':(', ';)', ': d', ':/', ': p',
'', '', '', '', '', '', '',
'', '; (', '', '', '', '', '',
'', ':ciuman', '' ];
// Ekspresi Plugins Picture yang sesuai/smiley/plugin.js
config.smiley_images = [
'reguler_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'teeth_smile.gif', 'boys_smile.gif', 'tounge_smile.gif',
'EMBARESSED_SMILE.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angry_smile.gif', 'angel_smile.gif', 'shades_smile.gif',
'Devil_smile.gif', 'cry_smile.gif', 'lightbulb.gif', 'thumbs_down.gif', 'thumbs_up.gif', 'heart.gif',
'Broken_heart.gif', 'Kiss.gif', 'Envelope.gif'];
// Alamat ekspresi plugin/smiley/plugin.js
config.smiley_path = 'plugins/smiley/gambar/';
// Saat halaman dimuat, apakah kotak edit dapatkan fokus segera plugin/editingblock/plugin.js plugin/editingblock/plugin.js.
config.startupfocus = false;
// Cara Mengedit Kode Sumber dan Sumber Wysiwyg dan Wysiwyg Plugins/EditingBlock/Plugin.js saat memuat.
config.startupmode = 'wysiwyg';
// Saat memuat, apakah itu ditampilkan batas plugin bingkai/showblocks/plugin.js
config.startupoutlineBlocks = false;
// Apakah akan memuat plugin file gaya/stylescombo/plugin.js.
config.stylescombo_stylesset = 'default';
// Berikut ini opsional
config.stylescombo_stylesset = 'mystyles';
config.stylescombo_stylesset = 'mystyles: /Editorstyles/styles.js';
config.stylescombo_stylesset = 'mystyles: http: //www.example.com/editorstyles/styles.js';
// Nilai indeks awal
config.tabIndex = 0;
// Saat tab yang diketik pengguna, jumlah spasi yang dilewatkan oleh editor, () Saat nilainya 0, fokus akan dipindahkan keluar dari kotak edit plugin/tab/plugin.js
config.tabspaces = 0;
// Plugin/Templat Template Default/Plugin.js digunakan.
config.templates = 'default';
// Plugin/Templat/Plugin.js Templat Template Comma.
config.templates_files = ['plugin/templat/templat/default.js']
// Saat menggunakan templat, pengeditan konten akan diganti.
config.templates_replacecontent = true;
//tema
config.theme = 'default';
// Rekor Langkah Catatan Plugin/Undo/Plugin.js
config.undostacksize = 20;
// mengintegrasikan ckfinder di ckeditor, perhatikan bahwa pemilihan jalur ckfinder harus benar.
//Ckfinder.setupckeditor(null, '/ckfinder/');