បើកការបោះពុម្ពផ្សាយប្រអប់អត្ថបទ (WYSIWYG | CKEditor)

ខាងក្រោមនេះជាជំនួយរហ័សដែលអ្នកបានរួមបញ្ចូល CKEditor ជាមួយកម្មវិធីបណ្តាញរបស់គេនៅក្នុងការតែបីជំហាន.

បទបង្ហាញ

ផ្លាស់ប្តូររបស់អ្នក។ ស្លាក TEXTAREA នៅក្នុងកម្មវិធីនិពន្ធគេហទំព័រលែងជាកិច្ចការដ៏ស្មុគស្មាញទៀតហើយ. ក្នុងចំណោមអ្នកកែសម្រួលជាច្រើនដែលអ្នកអាចរកបាននៅលើអ៊ីនធឺណិត, តោះមើលការប្រើប្រាស់ CKEditor. សូមមើលអ្នកកែសម្រួលសកម្មភាពនៅក្នុងនេះ។ ឌីអេអូ.

ការដំឡើង

ទាញយក CKEditor នៅ http://ckeditor.com/download. កំណែ​ដែល​បាន​ប្រើ​នៅ​ក្នុង​ការ​ប្រកាស​នេះ​គឺ 3.6.4, នៃ 17 ខែកក្កដា 2012. ស្រង់ឯកសារ ckeditor_3.6.4.zip រួមជាមួយនឹងកម្មវិធីរបស់អ្នក។. ថតឯកសារមួយ។ ckeditor នឹងត្រូវបានបង្កើតឡើង. ប្រូនតូ, ឥឡូវនេះគ្រាន់តែធ្វើការហៅចូលខាងក្នុងកូដប្រភពរបស់អ្នក។!

សមាហរណកម្ម

CKEditor គឺជាកម្មវិធី JavaScript. ដើម្បីអានវា។, គ្រាន់​តែ​ធ្វើ​ការ​ហៅ​ទូរស័ព្ទ​សាមញ្ញ​ទៅ​គាត់​នៅ​ក្នុង​ ស្លាក HEAD នៃកូដប្រភពរបស់អ្នក។. ធ្វើនេះ, Javascript API របស់ CKEditor នឹងរួចរាល់ដើម្បីប្រើប្រាស់. ចងចាំថាត្រូវកែតម្រូវផ្លូវឯកសារ ckeditor.js ទៅ​ថត​ដែល​វា​ត្រូវ​បាន​ពន្លា.

ជំហាន 1 – ទូរស័ព្ទទៅ CKEditor
1
2
3
  <ប្រធាន>
    <ប្រភេទស្គ្រីប="text/javascript" src="ckeditor/ckeditor.js"></ស្គ្រីប>
  </ប្រធាន>
ជំហាន 2Crie um campo TEXTAREA
1
2
3
  <រាងកាយ>
    <textarea id="editor1" ឈ្មោះ="editor1">&អិល;ទំ&gt;Valor inicial.&អិល;/ទំ&gt;</textarea>
  </រាងកាយ>
ជំហាន 3Diga qual TEXTAREA (លេខសម្គាល់) será substituído pelo CKEditor
1
2
3
4
5
6
7
  <ប្រធាន>
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ()  {
        CKEDITOR.replace( 'editor1' );
      };
    </ស្គ្រីប>    
  </ប្រធាន>

ប្រូនតូ, já funciona! មិនជឿ? Salve, dê lá oF5no navegador e veja você mesmoo código completo fica assim:

Código completo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
  <ប្រធាន>
    <ចំណងជើង>CKEditor</ចំណងជើង>
    <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    <script type="text/javascript" src="ckeditor/ckeditor.js"></ស្គ្រីប>
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ()  {
        CKEDITOR.replace( 'editor1' );
     };
    </ស្គ្រីប>
  </ប្រធាន>
  <រាងកាយ>
    <form action="request.php" method="post">
      <textarea id="editor1" name="editor1">&អិល;ទំ&gt;Valor inicial.&អិល;/ទំ&gt;</textarea>
      <input type="submit" value="Submit" />
    </ទម្រង់បែបបទ>  
  </រាងកាយ>
</html>

ច្បាស់ណាស់, agora você precisa fazer os ajustes conforme sua aplicação, a começar definindo o action do seu FORM, indicando a página que irá recuperar e tratar os dados submetidos via POST.

O Artigo termina aqui, ប៉ុន្តែខ្ញុំនឹងទុកគុជពីរបីបន្ថែមទៀតសម្រាប់អ្នកចង់ដឹងចង់ឃើញ:

គន្លឹះ

(1) គ្មានព្រឹត្តិការណ៍ដំណើរការទេ។, ថ្នាក់ com =”ckeditor”

ប្រសិនបើអ្នកចាត់ថ្នាក់ “ckeditor” សម្រាប់ TEXTAREA របស់អ្នក។, វានឹងត្រូវបានបំប្លែងទៅជា CKEditor ដោយស្វ័យប្រវត្តិ, ដោយមិនចាំបាច់ប្រើស្គ្រីបដែលហៅដោយព្រឹត្តិការណ៍ “onload”, សាមញ្ញណាស់ដូចនោះ។:

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
  <ប្រធាន>
    <ចំណងជើង>CKEditor</ចំណងជើង>
    <មាតិកាមេតា="text/html; charset=utf-8" : http-equiv="ប្រភេទមាតិកា" />
    <ប្រភេទស្គ្រីប="text/javascript" src="ckeditor/ckeditor.js"></ស្គ្រីប>
  </ប្រធាន>
  <រាងកាយ>
    <ទម្រង់សកម្មភាព="request.php" វិធីសាស្រ្ត="ប្រកាស">
      <textarea ថ្នាក់="ckeditor" លេខសម្គាល់="editor1" ឈ្មោះ="editor1">&អិល;ទំ&gt;Valor inicial.&អិល;/ទំ&gt;</textarea>
      <ប្រភេទបញ្ចូល="ដាក់ស្នើ" តម្លៃ="ដាក់ស្នើ" />
    </ទម្រង់បែបបទ>  
  </រាងកាយ>
</html>

(2) ផ្លាស់ប្តូរបន្ទាត់បំបែក <ទំ> ដោយ <br />

ខ្ញុំបានកត់សម្គាល់ឃើញវិធីពីរយ៉ាងក្នុងការផ្លាស់ប្តូរ P ទៅ BR នៅពេលយើងចុច ENTER. ដំបូង, គឺដើម្បីកំណត់ប៉ារ៉ាម៉ែត្រ បញ្ចូលរបៀប ជាមួយនឹងតម្លៃ 2, បានផ្តល់ឱ្យនោះ។ 1 = ភី, 2 = BR អ៊ី 3 = DIV.

1
2
3
4
5
6
7
  <ប្រធាន>  
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ() {
        CKEDITOR.replace( 'editor1', {បញ្ចូលរបៀប: ចំនួន(2)} );
      };
    </ស្គ្រីប>
  </ប្រធាន>

ឬ, បើកឯកសារ config.js និងកំណត់អ្វីមួយដូចជា:

1
2
3
CKEDITOR.កម្មវិធីនិពន្ធកំណត់រចនាសម្ព័ន្ធ = មុខងារ( កំណត់រចនាសម្ព័ន្ធ ) {
  កំណត់រចនាសម្ព័ន្ធ.បញ្ចូលរបៀប = CKEDITOR.ENTER_BR;
};

ក្នុងករណីនេះ, នៅពេលវាយ ENTER, យើងមានជម្រើស:
CKEDITOR.ENTER_P – កថាខណ្ឌ P ថ្មីត្រូវបានបង្កើត;
CKEDITOR.ENTER_BR – បំបែក​ជួរ​ជាមួយ BR;
CKEDITOR.ENTER_DIV – ប្លុកថ្មីជាមួយ DIV ត្រូវបានបង្កើត.

ខ្ញុំសូមណែនាំឱ្យបិទ និងបើកកម្មវិធីរុករកតាមអ៊ីនធឺណិត ដើម្បីមើលលទ្ធផល

នៃការផ្លាស់ប្តូរនេះ។, ពីព្រោះវត្ថុអាចត្រូវបានរក្សាទុក! ប្រសិនបើវានៅតែមិនដំណើរការ, ជម្រះឃ្លាំងសម្ងាត់កម្មវិធីរុករក.

(3) ផ្លាស់ប្តូរពណ៌ផ្ទៃខាងក្រោយរបារឧបករណ៍ CKEditor

តើអ្នកដឹងដោយរបៀបណា, យើងអាចធ្វើការកែប្រែនៅក្នុង CKEditor របស់យើងដោយកំណត់ប៉ារ៉ាម៉ែត្រដោយផ្ទាល់ទៅវត្ថុ CKEDITOR ឬតាមរយៈឯកសារ config.js. ហេតុនេះហើយបានជា, ខ្ញុំនឹងបង្ហាញវិធីតែមួយគត់:

1
2
3
4
5
6
7
  <ប្រធាន>  
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ() {
        CKEDITOR.replace( 'editor1', {uiColor: '#ff0000'} );
      };
    </ស្គ្រីប>
  </ប្រធាន>

(4) រួមបញ្ចូលគ្នានូវប៉ារ៉ាម៉ែត្រកំណត់រចនាសម្ព័ន្ធ CKEditor

ប៉ារ៉ាម៉ែត្រកំណត់រចនាសម្ព័ន្ធ CKEditor អាចត្រូវបានបញ្ចូលគ្នា. ដើម្បីដឹងពីលទ្ធភាព, សូមក្រឡេកមើល ការកំណត់ API. ឧទាហរណ៍:

1
2
3
4
5
6
7
8
9
10
11
12
  <ប្រធាន>  
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ() {
        CKEDITOR.replace( 'editor1', {  uiColor: '#ccc',
                                        បញ្ចូលរបៀប: CKEDITOR.ENTER_P,
                                        កំណត់រចនាសម្ព័ន្ធផ្ទាល់ខ្លួន : 'ckeditor/outroConfig.js',
                                        ភាសា: 'pt-br'        
                                      } 
                        );
      };
    </ស្គ្រីប>
  </ប្រធាន>

(5) ភាសាដែលគាំទ្រដោយ CKEditor

CKEditor គាំទ្រ 58 ភាសា, រួមបញ្ចូល o “pt-br”. ចង់សរសេរកូដសម្រាប់ឧបករណ៍ចល័ត ហើយមិនមានឆន្ទៈក្នុងការរៀនភាសាកំណើតដូចជា Java ឬ Objective-C ទេ។ ភាសាចំណុចប្រទាក់អ្នកប្រើ. ឧទាហរណ៍ខាងលើបង្ហាញពីការប្រើប្រាស់របស់វា។.

(6) ការកំណត់របារឧបករណ៍តាមបំណង

– មូលដ្ឋាន

វាប្រហែលជាថាអ្នកមិនចង់ធ្វើឱ្យលក្ខណៈពិសេសទាំងអស់របស់ CKEditor មាន. បន្ទាប់មក, ហេតុអ្វីបានជាមិនបង្កើនប្រសិទ្ធភាពរបារឧបករណ៍តាមតម្រូវការរបស់អ្នក។? នេះជាឧទាហរណ៍មួយដែលទុកអ្នកកែសំរួល BASIC ណាស់។.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  <ប្រធាន>  
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ() {
        CKEDITOR.replace( 'editor1', {
                           របារឧបករណ៍:
                           [
                             { ឈ្មោះ: 'រចនាប័ទ្មមូលដ្ឋាន', ធាតុ : [ 'ដិត','ទ្រេត' ] },
                             { ឈ្មោះ: 'កថាខណ្ឌ', ធាតុ : [ 'បញ្ជីលេខ','បញ្ជីចំណុច' ] },
                             { ឈ្មោះ: 'ឧបករណ៍', ធាតុ : [ 'ពង្រីកអតិបរមា','-','អំពី' ] }
                           ]}         
                         );
      };
    </ស្គ្រីប>
  </ប្រធាន>

– ពេញលេញ

ខាងក្រោមនេះជាឧទាហរណ៍ពេញលេញជាងនេះ។. លុបប៊ូតុងដែលអ្នកមិនចង់បាន.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <ប្រធាន>  
    <ប្រភេទស្គ្រីប="text/javascript">
      បង្អួច.onload = មុខងារ() {
        CKEDITOR.replace( 'editor1', {
                           របារឧបករណ៍: [
                             { ឈ្មោះ: 'ឯកសារ', ធាតុ : [ 'ប្រភព','-','រក្សាទុក','ទំព័រថ្មី','DocProps','មើលជាមុន','បោះពុម្ព','-','គំរូ' ] },
                             { ឈ្មោះ: 'ក្តារតម្បៀតខ្ទាស់', ធាតុ : [ 'កាត់','ចម្លង','បិទភ្ជាប់','អត្ថបទបិទភ្ជាប់','បិទភ្ជាប់ពីពាក្យ','-','មិនធ្វើវិញ','ធ្វើឡើងវិញ' ] },
                             { ឈ្មោះ: 'កែសម្រួល', ធាតុ : [ 'រក','ជំនួស','-','ជ្រើសរើស​ទាំងអស់','-','កម្មវិធីពិនិត្យអក្ខរាវិរុទ្ធ', 'ស្រៀវ' ] },
                             { ឈ្មោះ: 'ទម្រង់', ធាតុ : [ 'ទម្រង់', 'ប្រអប់ធីក', 'វិទ្យុ', 'វាលអត្ថបទ', 'អត្ថបទ', 'ជ្រើសរើស', 'ប៊ូតុង', 'ប៊ូតុងរូបភាព', 'HiddenField' ] },
                             '/',
                             { ឈ្មោះ: 'រចនាប័ទ្មមូលដ្ឋាន', ធាតុ : [ 'ដិត','ទ្រេត','គូសបន្ទាត់ពីក្រោម','កូដកម្ម','អក្សរ​ក្រោម','អក្សរធំ','-','លុបទម្រង់' ] },
                             { ឈ្មោះ: 'កថាខណ្ឌ', ធាតុ : [ 'បញ្ជីលេខ','បញ្ជីចំណុច','-','ក្រៅ','ចូលបន្ទាត់','-','សម្រង់ប្លុក','CreateDiv', '-','JustifyLeft',មជ្ឈមណ្ឌល Justify,'បញ្ជាក់ត្រឹមត្រូវ','JustifyBlock','-','BidiLtr','BidiRtl' ] },
                             { ឈ្មោះ: 'តំណភ្ជាប់', ធាតុ : [ 'តំណភ្ជាប់','ផ្ដាច់','យុថ្កា' ] },
                             { ឈ្មោះ: 'បញ្ចូល', ធាតុ : [ 'រូបភាព','ពន្លឺ','តារាង','ក្បួន​ផ្ដេក','ញញឹម','សញ្ញាពិសេស','ទំព័របំបែក','ស៊ុម' ] },
                             '/',
                             { ឈ្មោះ: 'រចនាប័ទ្ម', ធាតុ : [ 'រចនាប័ទ្ម','ទម្រង់','ពុម្ពអក្សរ','ទំហំ​អក្សរ' ] },
                             { ឈ្មោះ: 'ពណ៌', ធាតុ : [ 'ពណ៌​អត្ថបទ','BGColor' ] },
                             { ឈ្មោះ: 'ឧបករណ៍', ធាតុ : [ 'ពង្រីកអតិបរមា', 'ShowBlocks','-','អំពី' ] }                            
                           ]}         
                         );
      }; 
    </ស្គ្រីប>
  </ប្រធាន>

– មធ្យម

នេះគឺជាឧទាហរណ៍ MODERATE បន្ថែមទៀត, ជាមួយរបារឧបករណ៍តែប៉ុណ្ណោះ, ប៉ុន្តែជាមួយនឹងលក្ខណៈសំខាន់ៗ. ចំណាំថា, បញ្ចូល​គ្នា, វាអាចធ្វើទៅបានដើម្បីបញ្ចូលគ្នា និងកំណត់កម្ពស់ និងទទឹងរបស់កម្មវិធីនិពន្ធ.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ប្រធាន>  
  <ប្រភេទស្គ្រីប="text/javascript">
    បង្អួច.onload = មុខងារ() {       
        CKEDITOR.replace( 'editor1', {
                           របារឧបករណ៍:
                           [
                             { ឈ្មោះ: 'រចនាប័ទ្មមូលដ្ឋាន', ធាតុ : [ 'ដិត','ទ្រេត','គូសបន្ទាត់ពីក្រោម' ] },
                             { ឈ្មោះ: 'កថាខណ្ឌ', ធាតុ : [ 'បញ្ជីលេខ','បញ្ជីចំណុច' ] },
                             { ឈ្មោះ: 'កថាខណ្ឌ', ធាតុ : [ 'JustifyLeft',មជ្ឈមណ្ឌល Justify,'បញ្ជាក់ត្រឹមត្រូវ','JustifyBlock'] },
                             { ឈ្មោះ: 'រចនាប័ទ្ម', ធាតុ : [ 'ពុម្ពអក្សរ','ទំហំ​អក្សរ' ] },
                             { ឈ្មោះ: 'ពណ៌', ធាតុ : [ 'ពណ៌​អត្ថបទ','BGColor' ] },
                             { ឈ្មោះ: 'ក្តារតម្បៀតខ្ទាស់', ធាតុ : [ 'កាត់','ចម្លង','បិទភ្ជាប់','បិទភ្ជាប់ពីពាក្យ','-','មិនធ្វើវិញ','ធ្វើឡើងវិញ' ] },                             
                             { ឈ្មោះ: 'ឧបករណ៍', ធាតុ : [ 'ពង្រីកអតិបរមា','-','អំពី' ] }
                           ],
                           ទទឹង: "740px",
                           កម្ពស់: "200px"}
                         );
    };
  </ស្គ្រីប>
</ប្រធាន>

(7) អត្ថបទ (CKEditor) ទទេនៅពេលបញ្ជូនទម្រង់

ប្រសិនបើ Textarea/CKeditor របស់អ្នកលេចឡើងទទេ (ទទេ) នៅពេលបញ្ជូនទម្រង់, អ្នកអាចប្រើវាបាន “វត្ថុបុរាណ” ដែលខ្ញុំបានបង្កើតខាងក្រោម, ដែលពិតជាបម្រើដើម្បីយកមាតិការបស់ CKEditor ហើយបោះវាទៅក្នុង Textarea ដែលត្រូវគ្នា។. នេះត្រូវបានធ្វើដោយការហៅមុខងារ setCKEditorToTextarea() នៅពេលចុចប៊ូតុងដើម្បីផ្ញើ (ប៊ូតុងដាក់ស្នើ), ជាធម្មតានៅក្នុងព្រឹត្តិការណ៍ onclick() នៃប៊ូតុង.

1
2
3
4
5
6
<ប្រភេទស្គ្រីប="text/javascript">
      មុខងារ setCKEditorToTextarea() {
        សម្រាប់(គឺ ឈ្មោះឧទាហរណ៍ ក្នុង CKEDITOR.ករណី)
          CKEDITOR.ករណី[ឈ្មោះឧទាហរណ៍].ធាតុធ្វើឱ្យទាន់សម័យ();            
      }
</ស្គ្រីប>

ពាក្យអ្នកអភិវឌ្ឍន៍

CKEditor គឺជាកម្មវិធីកែអត្ថបទដែលត្រូវប្រើនៅខាងក្នុងគេហទំព័រ. វាគឺជាកម្មវិធីនិពន្ធ WYSIWYG, ដែលមានន័យថា អត្ថបទដែលត្រូវបានកែសម្រួលដោយអ្នកប្រើប្រាស់នឹងមានលក្ខណៈស្រដៀងនឹងអត្ថបទដែលបានបោះពុម្ព. វានាំមកនូវសមត្ថភាពកែសម្រួលទូទៅទៅកាន់គេហទំព័រ, បានរកឃើញនៅក្នុងកម្មវិធីកែសម្រួលផ្ទៃតុ, ដូចជា Microsoft Word និង OpenOffice. ចាប់តាំងពី CKEditor មានអាជ្ញាប័ណ្ណក្រោមអាជ្ញាប័ណ្ណ “ប្រភព​បើក​ចំហ” និងពាណិជ្ជកម្ម, អ្នកអាចប្រើវានៅក្នុងប្រភេទនៃកម្មវិធីណាមួយ។. នេះគឺជាកម្មវិធីនិពន្ធដ៏ល្អសម្រាប់អ្នកអភិវឌ្ឍន៍, បង្កើត​ឡើង​ដើម្បី​ផ្តល់​នូវ​ដំណោះ​ស្រាយ​ងាយ​ស្រួល និង​មាន​ឥទ្ធិពល​សម្រាប់​អ្នក​ប្រើ​ប្រាស់​របស់​ខ្លួន.

អ្នកកែសម្រួលផ្សេងទៀត។

ប្រភព

នោះហើយជាវាសម្រាប់ការចាប់ផ្តើម! សូមមើលគេហទំព័រអ្នកអភិវឌ្ឍន៍សម្រាប់ព័ត៌មានលម្អិតបន្ថែម.

ការចូលដំណើរការសរុប: 115999

34 ពិនិត្យ “បើកការបោះពុម្ពផ្សាយប្រអប់អត្ថបទ (WYSIWYG | CKEditor)

  1. ប្រកាសល្អណាស់, ផ្នែកដែលខ្ញុំចង់ប្រើគឺសំដៅលើប្រធានបទ 6, ដោយពិចារណាថា CKEditor រក្សាទុកមាតិកាដែលបានពិពណ៌នានៅក្នុង textarea ក្នុង html ខ្ញុំត្រូវបញ្ជូនអត្ថបទតាមរយៈអ៊ីមែលក្នុងទម្រង់ html ប៉ុន្តែខ្ញុំត្រូវការរក្សាទុកវាក្នុង BD ជាទម្រង់ txt ។. តើអ្នកមានការណែនាំដែលខ្ញុំអាចប្រើបានទេ?? :)

  2. រ៉ូណាល់ដូ បាននិយាយថា::

    វិធី, ខ្ញុំកំពុងបង្កើតគម្រោងមួយ ហើយទម្រង់មួយមានវាលអត្ថបទពីរ.
    ខ្ញុំកំពុងប្រើ CKEditor ទាំងពីរ.

    ម៉ោងធ្វើការ – ឆ្វេង

    CKEDITOR.replace( 'expedienteEsq’ );
    CKEDITOR.បន្ថែម

    ម៉ោងធ្វើការ – ត្រូវហើយ។

    CKEDITOR.replace( 'ឯកសារឌី’ );
    CKEDITOR.បន្ថែម

    កម្មវិធីនិពន្ធត្រូវបានអនុវត្តយ៉ាងត្រឹមត្រូវ។. ប៉ុន្តែនៅពេលដែលខ្ញុំដំណើរការទម្រង់នៅក្នុងឯកសារ php វាទទួលបានតែទិន្នន័យពីវាលទីមួយ ហើយទីពីរគឺទទេ.

    វាមានបញ្ហាខ្លះជាមួយ CKEditor? ព្រោះប្រសិនបើខ្ញុំមិនប្រើវា ខ្ញុំទទួលបានទិន្នន័យពីវាលទាំងពីរជាធម្មតា
    .
    ខ្ញុំបានប្រើរចនាសម្ព័ន្ធដែលបានស្នើដោយគេហទំព័រ CKeditor ខ្លួនវាផ្ទាល់.

    • សួស្តី Ronaldo, ខ្ញុំបានធ្វើតេស្តនៅទីនេះ ហើយគ្មានបញ្ហាអ្វីទេ។. ធ្វើដូចខាងក្រោម, ទទួលបានលេខកូដខាងក្រោម, ដាក់ក្នុងឯកសារ “test.php” នៅខាងក្នុងម៉ាស៊ីនមេរបស់អ្នក។, ប៉ុន្តែដាច់ដោយឡែកពីកម្មវិធីរបស់អ្នកដែលផ្តល់បញ្ហា. ចំណាំថានៅពេលបញ្ជូនទម្រង់ជាមួយ textarea ពីរ (CKEditor), ទិន្នន័យនឹងត្រូវបានផ្ញើជាធម្មតា.

      ឯកសារ test.php (អត្ថបទដំណាលគ្នាពីរ)

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      
      <html>
        <ប្រធាន>
          <ចំណងជើង>CKEditor</ចំណងជើង>
          <meta content="text/html; charset=utf-8" http-equiv="content-type" />
          <script type="text/javascript" src="ckeditor/ckeditor.js"></ស្គ្រីប>
          <script type="text/javascript">
            window.onload = function()  {
              CKEDITOR.replace( 'editor1' );
              CKEDITOR.replace( 'អ្នកកែសម្រួល 2' );
           };
          </ស្គ្រីប>
        </ប្រធាន>
        <រាងកាយ>
          <ទម្រង់សកម្មភាព = "teste.php" method="post">
            <textarea id="editor1" name="editor1">តម្លៃដើម 1</textarea>
            <textarea id="editor2" ឈ្មោះ = "អ្នកកែសម្រួល 2">តម្លៃដើម 2</textarea>
            <input type="submit" value="Submit" />
          </ទម្រង់បែបបទ>  
        </រាងកាយ>
      </html>
      <?php អេកូ 'អ្នកកែសម្រួល 1 ---> ".@$_ស្នើសុំ['editor1']."<br />"; ?>
      <?php អេកូ 'អ្នកកែសម្រួល 2 ---> ".@$_ស្នើសុំ['អ្នកកែសម្រួល 2']."<br />"; ?>
  3. រ៉ូណាល់ដូ បាននិយាយថា::

    ខ្ញុំ​បាន​ព្យាយាម​ឆ្លង​កូដ ប៉ុន្តែ​ខ្ញុំ​មិន​គិត​ថា​វា​ត្រូវ​បាន​គេ​បោះពុម្ព​ផ្សាយ​ទេ។. ប៉ុន្តែ​អ្នក​យល់​ថា​អ្វី​ជា​បញ្ហា​មែនទេ?? ប្រសិនបើប្រើ CKEditor មានតែ textarea មួយប៉ុណ្ណោះដែលផ្ញើទិន្នន័យ មួយទៀតគឺទទេ.

    • យល់ព្រម, ខ្ញុំជឿថាខ្ញុំបានយល់. ដូចដែលបានបង្ហាញខាងលើ, ខ្ញុំមិនមានបញ្ហាដូចគ្នាទេ។. ហេតុនេះហើយបានជា, វិភាគកូដរបស់អ្នកឡើងវិញ, មើលថាតើអ្នកមិនមានវាលច្រើនជាងមួយ។ (បញ្ចូល) ជាមួយនឹងឈ្មោះដូចគ្នា។ (ឈ្មោះ). ឱប!

      • រ៉ូណាល់ដូ បាននិយាយថា::

        ដោះស្រាយជាមួយនឹងគន្លឹះផ្ទាល់ខ្លួនរបស់អ្នក។…. (6) អត្ថបទ (CKEditor) ទទេនៅពេលបញ្ជូនទម្រង់

        គ្រាន់តែដាក់មុខងារនៅទីនោះហើយយល់ព្រម :) វិធីដែលអ្នកឆ្លងកាត់គឺប្រើ php ត្រឹមត្រូវ។? ទោះបីជាទំព័រនៅក្នុង php ខ្ញុំបានអនុវត្តកម្មវិធីនិពន្ធដោយប្រើ javascript.
        សូមអរគុណសម្រាប់គន្លឹះ

        រីករាយនឹងវា ទោះបីជាវាមិនមែនជាប្រធានបទនៃការបង្ហោះក៏ដោយ។, ខ្ញុំបានសរសេរកម្មវិធីអស់រយៈពេលជាយូរជាមួយ java និង .net ហើយក្នុង php មិនសូវមានពេលវេលាទេ ហើយខ្ញុំកំពុងវាយដំជាមួយការបំប្លែងពីកាលបរិច្ឆេទទៅខ្សែអក្សរ. មិនមានមុខងារផ្ទាល់ទេ។, របៀបពីខ្សែទៅកាលបរិច្ឆេទ (strtotime) ទាំង? ខ្ញុំគិតថាអ្នកស្គាល់ php ច្រើនជាងខ្ញុំទៅទៀត។. ប្រសិនបើអ្នកដឹងរឿងនេះឈប់ផ្ញើវាទៅអ៊ីមែលរបស់ខ្ញុំ ronaldodantas2@gmai.com

        មិនចាំបាច់បង្ហោះមតិនេះទេ។. សូមអរគុណសម្រាប់គន្លឹះ.

  4. សួស្តី Taylor ប្រកាសល្អណាស់។.

    ខ្ញុំ​បាន​ដំឡើង​រួច​ហើយ ហើយ​ខ្ញុំ​កំពុង​ប្រើ​វា​ដំណើរការ​ល្អ។. ខ្ញុំមានការសង្ស័យមួយ។, ឧទាហរណ៍នៅក្នុងប្លក់របស់អ្នក អ្នកបានបញ្ចូលប្រអប់ពណ៌លឿងជាមួយស្គ្រីប. តើអ្នកធ្វើវាដោយរបៀបណា? និងមុខងារ ckeditor?

    សូមអរគុណអ្នក

  5. កីឡាករ Fernando បាននិយាយថា::

    តើខ្ញុំត្រូវបើកតួអក្សរពិសេស º យ៉ាងដូចម្តេច(ទីមួយទី 1) និងទី(ទី២ ទី២) ដោយគ្មានខ្ញុំចុចលើឧបករណ៍បញ្ចូលតួអក្សរពិសេស? ខ្ញុំ​ចង់​ធ្វើ​វា​ដោយ​វាយ​លើ​ក្ដារចុច​ដោយ​ខ្លួន​ឯង​ដោយ​មិន​បើក​បង្អួច​ណា​មួយ.

    • វិធី, ខ្ញុំបានសាកល្បងវានៅទីនេះ ហើយគ្រាន់តែធ្វើវាតាមវិធីធម្មតាដែលដំណើរការ, នៅក្នុងពាក្យផ្សេងទៀត, សង្កត់គ្រាប់ចុច ALT ហើយវាយលំដាប់លេខដែលត្រូវគ្នានឹងនិមិត្តសញ្ញាដែលចង់បាន. ឧទាហរណ៍: ALT+166 = ª និង ALT+167 = º. និយាយ!

  6. លោក James បាននិយាយថា::

    អរុណសួស្តី, ល្អណាស់អ្នកបង្ហោះរបស់អ្នក។, ខ្ញុំចាប់ផ្តើមធ្វើការជាមួយ javascript ឥឡូវនេះ, ហើយខ្ញុំត្រូវបង្កើតកម្មវិធីនិពន្ធអត្ថបទ, ខ្ញុំបានគិតអំពីការប្រើប្រាស់ ckeditor, ប៉ុន្តែ​ខ្ញុំ​មាន​ការ​លំបាក​ក្នុង​ការ​ដោះស្រាយ​វា​។, ដូចខ្ញុំប្រាថ្នាចង់បាន , ដើម្បី​រក្សា​ទុក, ណូវ៉ូ, មិនធ្វើវិញ, ធ្វើឡើងវិញ, ខ្សែក, ចម្លង, និងប្រអប់ជម្រើសភាសា, ជំនួសឱ្យទម្រង់នៃការសរសេរ, នឹងជាភាសាសរសេរកម្មវិធី, ហើយបន្ទាប់មកនឹងត្រូវរៀបចំទិន្នន័យដែលទទួលបាន, វាយដូចជាកម្មវិធីនិពន្ធកូដប្រភពធម្មតា។, អនឡាញតែប៉ុណ្ណោះ, ប្រសិនបើអ្នកអាចជួយខ្ញុំបាន.

  7. សម្លាញ់, ខ្ញុំបានដំឡើងវាបានល្អ, ប៉ុន្តែបញ្ហាតូចមួយដែលខ្ញុំកំពុងប្រឈមនោះគឺថាវាបំប្លែងតួអក្សរពិសេសទៅជាកូដ html ដូចជា o ê â Â Á ហើយខ្ញុំចង់ឱ្យពួកវាដូចនោះសម្រាប់មូលដ្ឋានទិន្នន័យរបស់ខ្ញុំ។, មានដូច?

    • លោកតា, នេះអាចជាអ្វីមួយជាមួយកម្មវិធីនិពន្ធដែលអ្នកកំពុងប្រើដើម្បីសរសេរកូដ. សាកល្បងប្រើសៀវភៅកត់ត្រាធម្មតា ហើយបញ្ចូលកូដ HTML ពេញលេញពីឧទាហរណ៍, ហើយមើលថាតើបញ្ហានៅតែមាន.

      ព្យាយាមកំណត់ការណែនាំដែលប្រាប់ទំព័ររបស់អ្នកផងដែរថាតើសំណុំតួអក្សរមួយណាត្រូវប្រើ (ISO-8859-1 ឬ UTF-8).

      1
      2
      3
      4
      5
      
      <រាងកាយ>
        <ប្រធាន>
            <សំណុំតួអក្សរមេតា="UTF-8">
        </ប្រធាន> 
      ...

      ប្រសិនបើអ្នកកំពុងប្រើ PHP, កំណត់តួអក្សរនៅដើមកូដ, មុនអ្វីទាំងអស់។:

      1
      
        <?php បឋមកថា("Content-Type: text / html;  សំណុំតួអក្សរ = អាយអេសអូ -៨៨៥៩-១",ជាការពិត) ?>

      ឬនៅឡើយទេ, ព្យាយាមដោះស្រាយខ្លឹមសារនៃសំណើដោយប្រើសំណុំតួអក្សរត្រឹមត្រូវ។:

      1
      
        htmlentities( utf8_ឌិកូដ($_POST['អថេរ']) );

      ការពិតគឺថាបញ្ហាដែលអ្នកបានលើកឡើងហាក់ដូចជាមិនមែនមកពី CKEditor ទេ។, ទោះបីជាខ្ញុំប្រើវានៅក្នុងកម្មវិធីជាច្រើន ហើយខ្ញុំមិនមានបញ្ហាជាមួយតួអក្សរពិសេសក៏ដោយ។. ខ្ញុំក៏បានសាកល្បង DEMO នៅលើគេហទំព័រអ្នកអភិវឌ្ឍន៍ផងដែរ។, ហើយខ្ញុំមិនបានឃើញបញ្ហាទេ។. ឃើញនៅទីនោះ: http://ckeditor.com/demo

  8. ម៉ាកកូ បាននិយាយថា::

    សួស្តី ខ្ញុំកំពុងព្យាយាមយកអត្ថបទដែលសរសេរក្នុង textArea តាមរយៈ javascript ដើម្បីផ្ញើវាទៅ database ប៉ុន្តែខ្ញុំមិនទទួលបានវា, តើមានវិធីសាស្រ្តណាមួយដើម្បីទទួលបានអត្ថបទ?
    សូមអរគុណអ្នក

  9. អាឌ្រីណូ បាននិយាយថា::

    ផ្លូវច្បាប់! សូមអបអរសាទរក្នុងការផ្តួចផ្តើមរបស់អ្នក, មាតិកាល្អណាស់!

  10. នៅរសៀលថ្ងៃល្អ.
    ខ្ញុំកំពុងគិតពីការប្រើប្រាស់ឧបករណ៍នេះសម្រាប់វេជ្ជបញ្ជាវេជ្ជសាស្រ្ត – អ្វីមួយដែលពិតជាសាមញ្ញ.
    – ខ្ញុំចង់ដឹងពីរបៀបកំណត់រចនាសម្ព័ន្ធសម្រាប់របារខាងលើ (តើលក្ខណៈពិសេសនៅឯណា) នឹងលាក់ (ដូចជាប៊ូតុងតូចមួយដែលធ្វើឱ្យវាបាត់បន្ទាប់ពីកែសម្រួលអត្ថបទ)
    – តើខ្ញុំបាត់ដោយរបៀបណាជាមួយរបារខាងក្រោម (តើវាលេចឡើងនៅឯណា “រាងកាយ” និងស្លាកផ្សេងទៀត។) ?
    – តើខ្ញុំធ្វើប្រអប់អត្ថបទដោយរបៀបណា “កម្ពស់” ស្វ័យប្រវត្តិ: ប្រភេទ, ប្រសិនបើខ្ញុំចេញវេជ្ជបញ្ជា 10 ថ្នាំ ប្រអប់កាន់តែយូរនៅពេលខ្ញុំវាយ… ប្រសិនបើខ្ញុំគ្រាន់តែវាយ 1 ថ្នាំ ប្រអប់គឺនៅកម្ពស់នៃអ្វីដែលខ្ញុំវាយ…

    • ជំរាបសួរ, អត់ទោស, មានការកាត់ខ្លះ (គុណវិបត្តិ) នៅក្នុងលេខកូដរបស់អ្នក។, ដូច្នេះខ្ញុំបានបញ្ចប់ការដកវាចេញ.

      ទាក់ទងនឹងអ្វីដែលអ្នកត្រូវការ, វាអាចទៅរួចឥតខ្ចោះ, ប៉ុន្តែខ្ញុំស្នើឱ្យស្វែងរកអ្នកជំនាញដែលយល់អំពី JavaScript ដើម្បីជួយអ្នក។.

      ខ្ញុំគ្រាន់តែនិយាយផ្លូវនៃថ្ម:

      – លាក់របារឧបករណ៍ (របារឧបករណ៍):

      1
      2
      3
      
      គឺ កម្មវិធីនិពន្ធ = CKEDITOR.ក្នុងជួរ( 'editor1', {
          លុបកម្មវិធីជំនួយ: 'របារ​ឧបករណ៍'
      } );

      – លាក់បាតកថា (ផ្លូវធាតុ):
      http://ckeditor.com/forums/CKEditor-3.x/Disabling-Elements-Path-Display

      – បង្កើនកម្ពស់ដោយស្វ័យប្រវត្តិ (autogrow):
      http://sdk.ckeditor.com/samples/autogrow.html
      http://ckeditor.com/demo#auto-grow (បាតុកម្ម)

      ឧទាហរណ៍:

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      
      <html>
        <ប្រធាន>
          <ចំណងជើង>CKEditor</ចំណងជើង>
          <មាតិកាមេតា="text/html; charset=utf-8" : http-equiv="ប្រភេទមាតិកា" />
          <src ស្គ្រីប="http:////cdn.ckeditor.com/4.5.3/basic/ckeditor.js"></ស្គ្រីប>
          <src ស្គ្រីប="plugin.js"></ស្គ្រីប>  <!-- ទទួលបានកម្មវិធីជំនួយ.js em http://ckeditor.com/addon/autogrow -->  
          <ប្រភេទស្គ្រីប="text/javascript">
           បង្អួច.onload = មុខងារ()  {
              CKEDITOR.replace( 'editor1', {             
                  លុបកម្មវិធីជំនួយ: 'ផ្លូវធាតុ', 
                  លុបកម្មវិធីជំនួយ: 'របារ​ឧបករណ៍',
                  កម្មវិធីជំនួយបន្ថែម: 'autogrow',
                  autoGrow_minHeight: 70,
                  កម្ពស់: '70px'
              });
           };
          </ស្គ្រីប>
        </ប្រធាន>
        <រាងកាយ>
          <ទម្រង់សកម្មភាព="request.php" វិធីសាស្រ្ត="ប្រកាស">
            <textarea id="editor1" ឈ្មោះ="editor1">អត្ថបទដំបូង.</textarea>
            <ប្រភេទបញ្ចូល="ដាក់ស្នើ" តម្លៃ="ដាក់ស្នើ" />
          </ទម្រង់បែបបទ>  
        </រាងកាយ>
      </html>
  11. អូឌីឡុង បាននិយាយថា::

    ខ្ញុំមិនអាចបញ្ចូលអត្ថបទទៅក្នុងមូលដ្ឋានទិន្នន័យបានត្រឹមត្រូវទេ។, ព្រោះ​អ្វី​គ្រប់​យ៉ាង​មាន​លក្ខណៈ​ចម្លែក

    ឧ:
    <ទំ>&ស្រួចស្រាវ; &eacute; &ស្លេកស្លាំង;asd</ទំ>
    ស្លាបគឺ

  12. ធាតុ 3 វាគឺជាការមានប្រយោជន៍សម្រាប់ខ្ញុំ. ខ្ញុំបានគ្រប់គ្រងដើម្បីផ្លាស់ប្តូរណ៍របស់របារឧបករណ៍.

  13. លោក Claudio បាននិយាយថា::

    ជំរាបសួរលោក Taylor, សូមអបអរសាទរលើប្រកាសពន្យល់យ៉ាងខ្លាំងផងដែរ. ខ្ញុំចង់ប្រើកម្មវិធីនិពន្ធនេះនៅក្នុងកម្មវិធីរបស់ PHP និងការចង់ដឹងអំពីរបៀបដើម្បីបង្កើតបន្សំមួយ (ឬប៊ូតុង) នៅលើរបារឧបករណ៍ដើម្បីឱ្យទិន្នន័យ BD ដើម្បីបញ្ចូលក្នុងអត្ថបទ? នៅក្នុងពាក្យផ្សេងទៀត, ការចុចលើប៊ូតុងមួយនឹងបើកប្រអប់មួយដែលមានលទ្ធផលនៃសំណួរនៅក្នុងធនាគារដើម្បីជ្រើសរើសកំណត់ត្រាមួយ។.
    វា​អាច​ទៅរួច?

  14. Glaydison Silva ដែល បាននិយាយថា::

    ជំរាបសួរ, ក្រោយអស្ចារ្យ. តើខ្ញុំអាចផ្ដល់យោបល់ឱ្យប្រកាសថ្មី? ខ្ញុំត្រូវការជំនួយក្នុងការអនុវត្តប៊ូតុងនេះដើម្បីផ្ទុកឡើងរូបភាពមួយ, ទស្សនាការបង្ហាញស្មើទៅកន្លែងដែលអ្នកអាចឡើងទៅម៉ាស៊ីនបម្រើនិងដូច. ខ្ញុំមិនអាចនៅទាំងអស់.

  15. Romulus បាននិយាយថា::

    ការប្រកាសនេះបានជួយខ្ញុំច្រើនទេប៉ុន្តែចង់ដឹងថាតើអ្នកមានដើម្បីទទួលយកកថាខណ្ឌដែលវាបានបង្កើតដោយស្វ័យប្រវត្តិពេលវាលនេះត្រូវបានបំពេញរួច.

    ទៅ.
    Romulus

  16. លោក Emerson Vaz បាននិយាយថា::

    ជំរាបសួរលោក Taylor, អត្ថបទល្អណាស់!
    មានសំណួរមួយ, ប្រសិនបើអ្នកអាចជួយខ្ញុំបាន, ខ្ញុំបានមើលទៅនៅក្នុងកន្លែងជាច្រើននិងមិនបានគិតអំពី.
    ខ្ញុំត្រូវការដើម្បី ckeditor តំបន់នេះនៅតែមានទ្រង់ទ្រាយវាយអក្សរដើម្បីទទួល SQL ដែលប្រភេទអត្ថបទ, តើអ្នកដឹងពីរបៀបដែលខ្ញុំអាចកំណត់រចនាសម្ព័ន្ធនេះ។?

    សូមអរគុណអ្នក.

  17. Jhonntn បាននិយាយថា::

    អរុណសួស្តី ខ្ញុំត្រូវការជំនួយខ្លះ
    ខ្ញុំបានគ្រប់គ្រងរួចហើយដើម្បីអនុវត្ត ckeditor នៅក្នុងកូដរបស់ខ្ញុំដែលខ្ញុំមាន 2 សំណួរ

    1ª មានប៊ូតុងបន្ថែមដែលស្វែងរកអត្ថបទរួចរាល់?

    2ªអត្ថបទទាំងនេះមានអថេរត្រៀមខ្លួនជាស្រេច, របៀបសម្គាល់អថេរទាំងនេះរួចហើយ នៅពេលអ្នកជ្រើសរើសអត្ថបទ ?

    សូមអរគុណទុកជាមុន

  18. លោក Wesley Souza បាននិយាយថា::

    នៅរសៀលថ្ងៃល្អ, លោក Taylor
    ខ្ញុំមានបញ្ហាក្នុងការអាប់ឡូតរូបភាព. អស្ចារ្យ, មិនដោយគ្មានសូម្បីតែកន្លែងដែលត្រូវចាប់ផ្តើម :(

    តើខ្ញុំត្រូវចាប់ផ្ដើម?

ទុកឱ្យសេចក្តីអធិប្បាយ

អាសយដ្ឋានអ៊ីមែលរបស់អ្នកនឹងមិនត្រូវបានបោះពុម្ភ.