ເຮັດໃຫ້ textarea ການຈັດພິມ (WYSIWYG | CKEditor)

ຕໍ່ໄປນີ້ແມ່ນເປັນການຊ່ວຍເຫຼືອໄວທ່ານປະ CKEditor ກັບຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌ຂອງພວກເຂົາໃນພຽງແຕ່ສາມຂັ້ນຕອນ.

ການນໍາສະເຫນີ

ເຮັດໃຫ້ຂອງທ່ານ tags Textarea ໃນບັນນາທິການເວັບໄຊຕ໌ທີ່ບໍ່ມີຕໍ່ໄປອີກແລ້ວເປັນວຽກງານທີ່ສັບສົນ. ໃນບັນດາບັນນາທິການຈໍານວນຫຼາຍທີ່ທ່ານສາມາດຊອກຫາໃນອິນເຕີເນັດ, ພວກເຮົາເບິ່ງຫຼືໃຊ້ CKEditor. ເບິ່ງບັນນາທິການໃນການປະຕິບັດນີ້ DEMO.

ການຕິດຕັ້ງ

ດາວໂຫລດ CKEditor ໃນ http://ckeditor.com/download. ສະບັບທີ່ນໍາໃຊ້ຢູ່ໃນນີ້ແມ່ນ 3.6.4, ຂອງ 17 Jul 2012. ສານສະກັດຈາກໄຟລ໌ ckeditor_3.6.4.zip ກັບຄໍາຮ້ອງສະຫມັກຂອງທ່ານ. ໂຟນເດີ ckeditor ມັນຈະໄດ້ຮັບການສ້າງ. ທັນທີ, ໃນປັດຈຸບັນພຽງແຕ່ເຮັດໃຫ້ໂທຫາພາຍໃນລະຫັດແຫຼ່ງຂອງທ່ານ!

ການເຊື່ອມໂຍງ

The CKEditor ເປັນຄໍາຮ້ອງສະຫມັກ JavaScript. ທີ່ຈະອ່ານມັນ, ພຽງແຕ່ເຮັດໃຫ້ໂທຫາງ່າຍດາຍທີ່ຈະໃຫ້ເຂົາຢູ່ໃນ tags ຫົວຂອງລະຫັດແຫຼ່ງຂອງທ່ານ. ເຮັດນີ້, API CKEditor JavaScript ແມ່ນແລ້ວກຽມພ້ອມສໍາລັບການນໍາໃຊ້. ຈືຂໍ້ມູນການປັບປຸງເສັ້ນທາງຂອງແຟ້ມໄດ້ ckeditor.js ກັບລະບົບທີ່ທ່ານ unzipped.

ຂັ້ນຕອນ 1 – ເຮັດໃຫ້ໂທຫາກັບການ CKEditor
1
2
3
  <ຫົວ>
    <ປະເພດ script="text/javascript" src="ckeditor/ckeditor.js"></script>
  </ຫົວ>
ຂັ້ນຕອນ 2 – ສ້າງພາກສະຫນາມ textarea ເປັນ
1
2
3
  <ຮ່າງກາຍ>
    <id textarea="editor1" ຊື່="editor1">&lt;p&gt;ຄ່າເລີ່ມຕົ້ນ.&lt;/p&gt;</textarea>
  </ຮ່າງກາຍ>
ຂັ້ນຕອນ 3 – ທ່ານເວົ້າວ່າສິ່ງ Textarea (id) ມັນຈະໄດ້ຮັບການທົດແທນໂດຍ CKEditor
1
2
3
4
5
6
7
  <ຫົວ>
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່()  {
        CKEDITOR.ທົດແທນ( 'editor1' );
      };
    </script>    
  </ຫົວ>

ທັນທີ, ເຮັດວຽກແລ້ວ! ບໍ່ເຊື່ອ? ສະບາຍດີ, ມີໃຫ້ “F5” ໃນຕົວທ່ອງເວັບຂອງແລະເບິ່ງສໍາລັບຕົວທ່ານເອງ… ລະຫັດຢ່າງເຕັມທີ່ຄ້າຍຄືນີ້:

ລະຫັດສະບັບສົມບູນ

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"></script>
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່()  {
        CKEDITOR.ທົດແທນ( 'editor1' );
     };
    </script>
  </ຫົວ>
  <ຮ່າງກາຍ>
    <form action="request.php" method="post">
      <textarea id="editor1" name="editor1">&lt;p&gt;ຄ່າເລີ່ມຕົ້ນ.&lt;/p&gt;</textarea>
      <input type="submit" value="Submit" />
    </ຮູບແບບ>  
  </ຮ່າງກາຍ>
</html>

ຈະແຈ້ງ, ໃນປັດຈຸບັນທີ່ທ່ານຕ້ອງການເພື່ອເຮັດໃຫ້ການປັບຕົວເປັນຄໍາຮ້ອງສະຫມັກຂອງທ່ານ, ເພື່ອເລີ່ມຕົ້ນການຕັ້ງຄ່າ ການປະຕິບັດ ແບບຟອມຂອງທ່ານ, ສະແດງໃຫ້ເຫັນຫນ້າທີ່ຈະດຶງແລະປຸງແຕ່ງຂໍ້ມູນໄດ້ສົ່ງຜ່ານທາງໄປສະນີ.

ບົດຄວາມທີ່ໄດ້ສິ້ນສຸດລົງທີ່ນີ້, ແຕ່ຂ້າພະເຈົ້າຈະປ່ອຍໃຫ້ເປັນການບໍລິຫຼາຍບໍ່ຫຼາຍປານໃດສໍາລັບການ curious:

ຄໍາແນະນໍາ

(1) Sem ເຫດການ onload, ລະດັບ com =”ckeditor”

ຖ້າຫາກວ່າທ່ານກໍາຫນົດລະດັບການ “ckeditor” ການ textarea ຂອງທ່ານ, ນັບຕັ້ງແຕ່ມັນຈະປ່ຽນໃຈເຫລື້ອມໃສອັດຕະໂນມັດເຂົ້າໄປໃນ CKEditor ເປັນ, ໂດຍບໍ່ມີການມີການນໍາໃຊ້ script ທີ່ເອີ້ນວ່າໂດຍກໍລະນີ “onload”, ແລະງ່າຍດາຍ:

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
  <ຫົວ>
    <ຫົວຂໍ້>CKEditor</ຫົວຂໍ້>
    <ເນື້ອໃນ meta="text/html; charset = utf-8" http-equiv="content-type" />
    <ປະເພດ script="text/javascript" src="ckeditor/ckeditor.js"></script>
  </ຫົວ>
  <ຮ່າງກາຍ>
    <ການປະຕິບັດຮູບແບບ="request.php" ວິທີການ="post">
      <textarea ລະດັບ="ckeditor" id="editor1" ຊື່="editor1">&lt;p&gt;ຄ່າເລີ່ມຕົ້ນ.&lt;/p&gt;</textarea>
      <ປະເພດປະກອບ="submit" ມູນຄ່າ="Submit" />
    </ຮູບແບບ>  
  </ຮ່າງກາຍ>
</html>

(2) ພັກຜ່ອນການປ່ຽນແປງອອນໄລນ໌ <p> ໂດຍ <br />

ຂ້າພະເຈົ້າສັງເກດເຫັນວິທີການແລກປ່ຽນ P by BR ໃນເວລາທີ່ teclamos ENTER. ຄັ້ງທໍາອິດ, ມັນແມ່ນເພື່ອກໍານົດພາລາມິເຕີ enterMode ທີ່ມີມູນຄ່າ 2, ນັບຕັ້ງແຕ່ 1 = P, 2 BR ແລະ = 3 = DIV.

1
2
3
4
5
6
7
  <ຫົວ>  
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່() {
        CKEDITOR.ທົດແທນ( 'editor1', {enterMode: ຈໍານວນ(2)} );
      };
    </script>
  </ຫົວ>

ຫຼື, ເປີດໄຟລ໌ config.js ແລະອະທິບາຍບາງສິ່ງບາງຢ່າງເຊັ່ນ::

1
2
3
CKEDITOR.editorConfig = ຫນ້າທີ່( config ) {
  config.enterMode = 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
  <ຫົວ>  
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່() {
        CKEDITOR.ທົດແທນ( 'editor1', {uicolor: '# ff0000'} );
      };
    </script>
  </ຫົວ>

(4) ລວມຕົວກໍານົດການຕັ້ງຄ່າ CKEditor ໄດ້

ຕົວກໍານົດການຕັ້ງຄ່າ CKEditor ສາມາດໄດ້ຮັບການອະນຸຍາດ. ທີ່ຈະຮູ້ວ່າຄວາມເປັນໄປໄດ້, ໄດ້ເບິ່ງຢູ່ໃນ API Config. ຍົກຕົວຢ່າງ:

1
2
3
4
5
6
7
8
9
10
11
12
  <ຫົວ>  
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່() {
        CKEDITOR.ທົດແທນ( 'editor1', {  uicolor: 'Ccc',
                                        enterMode: CKEDITOR.ENTER_P,
                                        customConfig : 'ckeditor / outroConfig.js',
                                        ພາສາ: 'pt, br'        
                                      } 
                        );
      };
    </script>
  </ຫົວ>

(5) ພາສາສະຫນັບສະຫນູນໂດຍ CKEditor

O ຝ່າຍບໍລິການ CKEditor 58 ພາສາ, ລວມຫຼື “pt-br”. ເບິ່ງເພີ່ມ User Interface ພາສາ. ຕົວຢ່າງຂ້າງເທິງສະແດງໃຫ້ເຫັນການນໍາໃຊ້ຂອງຕົນ.

(6) ການປັບແຕ່ງແຖບເຄື່ອງມື

– ພື້ນຖານ

ທ່ານອາດຈະບໍ່ຕ້ອງການທີ່ຈະສະຫນອງຄຸນນະສົມບັດທັງຫມົດຂອງ CKEditor. ຫຼັງຈາກນັ້ນ, ເປັນຫຍັງຈຶ່ງບໍ່ປະສິດທິພາບແຖບເຄື່ອງມືຕາມຄວາມຈໍາເປັນ? ຕໍ່ໄປນີ້ແມ່ນຕົວຢ່າງຊຶ່ງເຮັດໃຫ້ບັນນາທິການພື້ນຖານທີ່ດີ.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  <ຫົວ>  
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່() {
        CKEDITOR.ທົດແທນ( 'editor1', {
                           ແຖບເຄື່ອງມື:
                           [
                             { ຊື່: 'basicstyles', ລາຍການ : [ 'Bold','Italic' ] },
                             { ຊື່: 'ວັກ', ລາຍການ : [ 'NumberedList','BulletedList' ] },
                             { ຊື່: "ເຄື່ອງມື", ລາຍການ : [ ເພີ່ມຈາກ '','-','ກ່ຽວກັບ' ] }
                           ]}         
                         );
      };
    </script>
  </ຫົວ>

– ຢ່າງເຕັມທີ່

ຂ້າງລຸ່ມນີ້ແມ່ນການທັງຫມົດຕົວຢ່າງເພີ່ມເຕີມ. ເອົາປຸ່ມທີ່ທ່ານບໍ່ຕ້ອງການ.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
  <ຫົວ>  
    <ປະເພດ script="text/javascript">
      ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່() {
        CKEDITOR.ທົດແທນ( 'editor1', {
                           ແຖບເຄື່ອງມື: [
                             { ຊື່: 'ຂອງເອກສານ, ລາຍການ : [ 'ທີ່ມາ','-','ບັນທຶກ','NewPage','DocProps','ເບິ່ງຕົວຢ່າງ','Print','-','ແມ່' ] },
                             { ຊື່: 'clipboard', ລາຍການ : [ 'ຕັດ','ຄັດລອກ','ວາງ','ຂໍ້ຄວາມທີ່ຜ່ານມາ','PasteFromWord','-','Undo','ເຮັດຊ້ໍາ' ] },
                             { ຊື່: 'ການແກ້ໄຂ', ລາຍການ : [ 'ຄົ້ນຫາ',ກົດຫມາຍແທນ ','-','ເລືອກ​ທັງ​ຫມົດ','-','spellcheck', 'Scayt' ] },
                             { ຊື່: 'ຮູບແບບ', ລາຍການ : [ 'ໃນແບບຟອມການ', 'Checkbox', ວິດທະຍຸ ', 'TextField', 'Textarea', 'ເລືອກ', 'ປຸ່ມ', 'ImageButton', 'HiddenField' ] },
                             '/',
                             { ຊື່: 'basicstyles', ລາຍການ : [ 'Bold','Italic','ຂີດ​ກ້ອງ',"ການໂຈມຕີ ','Subscript','ຍົກ','-','Removeformat' ] },
                             { ຊື່: 'ວັກ', ລາຍການ : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv', '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
                             { ຊື່: 'ການເຊື່ອມຕໍ່', ລາຍການ : [ 'Link','Unlinked','Anchor' ] },
                             { ຊື່: 'ສະແດງກິ່ງງ່າ', ລາຍການ : [ 'Image','Flash','Table','HorizontalRule','ໃຈ','SpecialChar','PageBreak','Iframe' ] },
                             '/',
                             { ຊື່: 'ຮູບແບບ', ລາຍການ : [ 'ຄໍເຕົ້າໄຂ່ທີ່','ຮູບແບບ','Font','ຂະ​ຫນາດ​ຕົວ​ອັກ​ສອນ' ] },
                             { ຊື່: 'ສີ', ລາຍການ : [ 'TextColor','BGColor' ] },
                             { ຊື່: "ເຄື່ອງມື", ລາຍການ : [ ເພີ່ມຈາກ '', 'ShowBlocks','-','ກ່ຽວກັບ' ] }                            
                           ]}         
                         );
      }; 
    </script>
  </ຫົວ>

– ປານກາງ

ນີ້ເປັນຕົວຢ່າງຫນຶ່ງທີ່ປານກາງ, ກັບແຖບເຄື່ອງມືເປັນພຽງແຕ່, ແຕ່ມີລັກສະນະທີ່ສໍາຄັນ. ໃຫ້ສັງເກດວ່າ, ລວມ, ທ່ານສາມາດສົມທົບແລະການກໍານົດລະດັບຄວາມສູງແລະ width ຂອງບັນນາທິການ.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<ຫົວ>  
  <ປະເພດ script="text/javascript">
    ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່() {       
        CKEDITOR.ທົດແທນ( 'editor1', {
                           ແຖບເຄື່ອງມື:
                           [
                             { ຊື່: 'basicstyles', ລາຍການ : [ 'Bold','Italic','ຂີດ​ກ້ອງ' ] },
                             { ຊື່: 'ວັກ', ລາຍການ : [ 'NumberedList','BulletedList' ] },
                             { ຊື່: 'ວັກ', ລາຍການ : [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] },
                             { ຊື່: 'ຮູບແບບ', ລາຍການ : [ 'Font','ຂະ​ຫນາດ​ຕົວ​ອັກ​ສອນ' ] },
                             { ຊື່: 'ສີ', ລາຍການ : [ 'TextColor','BGColor' ] },
                             { ຊື່: 'clipboard', ລາຍການ : [ 'ຕັດ','ຄັດລອກ','ວາງ','PasteFromWord','-','Undo','ເຮັດຊ້ໍາ' ] },                             
                             { ຊື່: "ເຄື່ອງມື", ລາຍການ : [ ເພີ່ມຈາກ '','-','ກ່ຽວກັບ' ] }
                           ],
                           width: "740px",
                           ລະດັບຄວາມສູງ: "200px"}
                         );
    };
  </script>
</ຫົວ>

(7) textarea (CKEditor) ເປົ່າໃນເວລາທີ່ການສົ່ງແບບຟອມ

ຖ້າຫາກວ່າ Textarea ຂອງທ່ານ / CKeditor ປາກົດສີຂາວ (ເປົ່າ) ໃນເວລາທີ່ການສົ່ງແບບຟອມ, ທ່ານສາມາດນໍາໃຊ້ນີ້ “ອຸບາຍ” ຂ້າພະເຈົ້າສ້າງດັງຕໍ່ໄປນີ້, ຊຶ່ງຕົວຈິງແລ້ວໃຫ້ບໍລິການທີ່ຈະໃຊ້ເວລາເນື້ອໃນຂອງ CKEditor ແລະຫຼິ້ນ Textarea ທີ່ສອດຄ້ອງກັນ. ນີ້ແມ່ນເຮັດໄດ້ໂດຍການໂທຫາການທໍາງານຂອງ setCKEditorToTextarea() ໃນເວລາທີ່ທ່ານຄລິກໃສ່ປຸ່ມເພື່ອສົ່ງ (ສົ່ງປຸ່ມ ou), onclick ກໍລະນີທີ່ບໍ່ປົກກະຕິ() ປຸ່ມ.

1
2
3
4
5
6
<ປະເພດ script="text/javascript">
      ຫນ້າທີ່ setCKEditorToTextarea() {
        ສໍາລັບການ(ແມ່ນ InstanceName ໃນ CKEDITOR.ກໍລະນີ)
          CKEDITOR.ກໍລະນີ[InstanceName].updateElement();            
      }
</script>

ຄໍາສັບຕ່າງໆຂອງຜູ້ພັດທະນາ

CKEditor ເປັນບັນນາທິການຂໍ້ຄວາມທີ່ຈະໄດ້ຮັບການນໍາໃຊ້ພາຍໃນຫນ້າເວັບ. ມັນເປັນບັນນາທິການ WYSIWYG, ຊຶ່ງຫມາຍຄວາມວ່າຂໍ້ຄວາມຈະຖືກແກ້ໄຂໂດຍຜູ້ໃຊ້ຈະເປັນໃກ້ຊິດເປັນໄປໄດ້ທີ່ຈະໄດ້ຈັດພີມມາ. ພຣະອົງໄດ້ເອົາອັນທົ່ວໄປຄຸນນະສົມບັດການແກ້ໄຂ, ພົບເຫັນໃນຄໍາຮ້ອງສະຫມັກການແກ້ໄຂ desktop, como o Microsoft Word e OpenOffice. ເມື່ອ CKEditor ໄດ້ຖືກອະນຸຍາດພາຍໃຕ້ໃບອະນຸຍາດ “Open Source” ແລະການຄ້າ, ທ່ານສາມາດນໍາໃຊ້ມັນພາຍໃນຄໍາຮ້ອງສະຫມັກ. ນີ້ແມ່ນບັນນາທິການທີ່ເຫມາະສົມສໍາລັບການພັດທະນາ, ສ້າງຕັ້ງຂຶ້ນເພື່ອສະຫນອງວິທີແກ້ໄຂງ່າຍແລະມີອໍານາດສໍາລັບຜູ້ຊົມໃຊ້ຂອງພວກເຂົາ.

ບັນນາທິການອື່ນໆ

ແຫຼ່ງຂໍ້ມູນ

ສໍາລັບເພິ່ນເລີ່ມນີ້ແມ່ນ! ເບິ່ງເວັບໄຊທ໌ການພັດທະນາສໍາລັບການລາຍລະອຽດ.

ຈໍານວນທັງຫມົດ: 58778

27 ຄວາມຄິດເຫັນ “ເຮັດໃຫ້ textarea ການຈັດພິມ (WYSIWYG | CKEditor)

  1. ກະທູ້ເຢັນຫຼາຍ, ສ່ວນຫນຶ່ງທີ່ຂ້າພະເຈົ້າຕ້ອງການ ultilizar ກ່ຽວຂ້ອງກັບຫົວຂໍ້ 6, ຈຸດໃດຫນຶ່ງທີ່ CKEditor ບັນທຶກໄວ້ໃນ html ເນື້ອໃນຂອງຕົນອະທິບາຍໃນ textarea ໄດ້ຕ້ອງໄດ້ສົ່ງຂໍ້ຄວາມຜ່ານທາງອີເມລ໌ທີ່ມີ html ຢ່າງໃດກໍຕາມຈໍາເປັນຕ້ອງຖາດໃນ BD ໃນຮູບແບບ txt ດຽວກັນ. ທ່ານມີຄໍາແນະນໍາທີ່ຂ້າພະເຈົ້າສາມາດ ultilizar? :)

  2. Ronaldo ກ່າວວ່າ:

    ວິທີການ, ຂ້າພະເຈົ້າພັດທະນາໂຄງການແລະຮູບແບບທີ່ມີສອງທົ່ງນາ textarea.
    ຂ້າພະເຈົ້າໃຊ້ CKEditor ໃນທັງສອງ.

    ການບັນທຶກ – ໄວ້

    CKEDITOR.replace( 'expedienteEsq’ );
    CKEDITOR.add

    ການບັນທຶກ – ສິດ

    CKEDITOR.replace( 'expedienteDir’ );
    CKEDITOR.add

    ບັນນາທິການໄດ້ຖືກນໍາໃຊ້ຢ່າງຖືກຕ້ອງ. ແຕ່ໃນເວລາທີ່ຂະບວນການປະກອບເອກະສານ php ມັນພຽງແຕ່ໄດ້ຮັບການພາກສະຫນາມຂໍ້ມູນຄັ້ງທໍາອິດແລະຄັ້ງທີສອງຈະຫວ່າງ.

    ມັນເປັນບັນຫາທີ່ມີ CKEditor ເປັນ? ເນື່ອງຈາກວ່າຖ້າຫາກວ່າທ່ານບໍ່ໄດ້ໃຊ້ຂ້າພະເຈົ້າໄດ້ຮັບຂໍ້ມູນຈາກສອງຂົງເຂດທີ່ຕາມປົກກະຕິ
    .
    ຂ້າພະເຈົ້າການນໍາໃຊ້ໂຄງປະກອບການແນະນໍາໂດຍ CKeditor ເວັບໄຊຫຼາຍ.

    • ສະບາຍດີ Ronaldo, ຂ້າພະເຈົ້າໄດ້ເປັນການທົດສອບທີ່ນີ້ແລະບໍ່ມີບັນຫາທີ່ບໍ່ມີ. ເຮັດແນວໃດຕໍ່ໄປນີ້, ໃຊ້ເວລາລະຫັດຂ້າງລຸ່ມນີ້, ເອົາໃຈໃສ່ໃນເອກະສານເປັນ “teste.php” ພາຍໃນເຄື່ອງແມ່ຂ່າຍຂອງທ່ານ, ແຕ່ໂດດດ່ຽວຈາກຄໍາຮ້ອງສະຫມັກຂອງຕົນຊຶ່ງຈະໃຫ້ບັນຫາ. ກະລຸນາສັງເກດວ່າໂດຍການສົ່ງແບບຟອມທີ່ມີສອງ textarea (CKEditor), ຂໍ້ມູນທີ່ຈະປົກກະຕິໄດ້ຮັບການສົ່ງ.

      ເອກະສານ test.php (ສອງ Textarea SIMULTANEOUS)

      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>
          <script type="text/javascript">
            windowonload = function()  {
              CKEDITOR.replace( 'editor1' );
              CKEDITOR.replace( 'editor2' );
           };
          </script>
        </ຫົວ>
        <ຮ່າງກາຍ>
          <form action="teste.php" method="post">
            <textarea id="editor1" name="editor1">ມູນຄ່າໃນເບື້ອງຕົ້ນ 1</textarea>
            <textarea id="editor2" name="editor2">ຄ່າເລີ່ມຕົ້ນ 2</textarea>
            <input type="submit" value="Submit" />
          </ຮູບແບບ>  
        </ຮ່າງກາຍ>
      </html>
      <?php echo 'ບັນນາທິການ 1 ---> '.@$_REQUEST['editor1'].'<br />'; ?>
      <?php echo 'ບັນນາທິການ 2 ---> '.@$_REQUEST['editor2'].'<br />'; ?>
  3. Ronaldo ກ່າວວ່າ:

    ຂ້າພະເຈົ້າພະຍາຍາມທີ່ຈະຜ່ານລະຫັດແຕ່ຂ້າພະເຈົ້າຄິດວ່າມັນຍັງບໍ່ທັນໄດ້ຈັດພີມມາ. ແຕ່ວ່າທ່ານເຂົ້າໃຈສິ່ງທີ່ບັນຫາທີ່ຖືກຕ້ອງ? ການນໍາໃຊ້ CKEditor ພຽງແຕ່ຫນຶ່ງຂອງ textarea ການສົ່ງຂໍ້ມູນກັບຄົນອື່ນແມ່ນຫວ່າງເປົ່າ.

    • ຕົກ​ລົງ, ຂ້າພະເຈົ້າຄິດວ່າຂ້າພະເຈົ້າເຂົ້າໃຈ. ໃນຖານະເປັນສະແດງໃຫ້ເຫັນຂ້າງເທິງ, ຂ້າພະເຈົ້າບໍ່ມີບັນຫາດຽວກັນ. ເພາະສະນັ້ນຈຶ່ງ, rescan ລະຫັດຂອງທ່ານ, ເບິ່ງວ່າທ່ານມີພາກສະຫນາມທີ່ບໍ່ມີຫຼາຍກ່ວາຫນຶ່ງ (ການປ້ອນຂໍ້ມູນ) ມີຊື່ດຽວກັນ (ຊື່). hugs!

      • Ronaldo ກ່າວວ່າ:

        ຂ້າພະເຈົ້າໄດ້ຕັດສິນໃຈປາຍຂອງຕົນເອງ…. (6) textarea (CKEditor) ເປົ່າໃນເວລາທີ່ການສົ່ງແບບຟອມ

        ມັນເປັນພຽງພໍທີ່ຈະເຮັດໃຫ້ການເຮັດວຽກມີແລະ ok :) ນີ້ vc ຮູບແບບ q ແມ່ນຜ່ານການນໍາໃຊ້ php ສິດ? ຫນ້າເຖິງແມ່ນໄດ້ຖືກປະຕິບັດໃນບັນນາທິການ php ໃຊ້ javascript.
        ຂອບໃຈສໍາລັບຄໍາແນະນໍາ

        ຄວາມໄດ້ປຽບຂອງ q ຮູ້ວ່າບໍ່ແມ່ນຫົວຂໍ້ຂອງກະທູ້ໄດ້, ຂ້າພະເຈົ້າດໍາເນີນໂຄງການເປັນເວລາດົນນານກັບ java ແລະສຸດທິແລະ PHP ເວລາຫນ້ອຍແລະຂ້າພະເຈົ້າເກັບຂຶ້ນການປ່ຽນແປງວັນທີທີ່ຈະຊ່ອຍແນ່. ມັນບໍ່ໄດ້ມີຫນ້າທີ່ໂດຍກົງ, ເປັນສໍາລັບການຊ່ອຍແນ່ຂໍ້ມູນ (strtotime) ບໍ່? q vc ຂ້າພະເຈົ້າຮູ້ php ຫລາຍ q ຂ້າພະເຈົ້າ. ຖ້າຫາກວ່າທ່ານຮູ້ວ່າການຈັບກຸມນີ້ຈະສົ່ງໄປຫາອີເມວຂອງຂ້າພະເຈົ້າ ronaldodantas2@gmai.com

        ບໍ່ຈໍາເປັນຕ້ອງເຜີຍແຜ່ຄວາມຄິດເຫັນນີ້. ຂອບໃຈສໍາລັບຄໍາແນະນໍາ.

  4. ສະບາຍດີ Taylor ທີ່ດີທີ່ສຸດຂອງເຂົາ.

    ຕິດຕັ້ງແລ້ວແລະເຈົ້າໄດ້ນໍາໃຊ້ການເຮັດວຽກດີ. ຂ້າພະເຈົ້າມີຄວາມສົງໃສໃນ, ສໍາລັບການຍົກຕົວຢ່າງໃນ blog ຂອງທ່ານທ່ານເຂົ້າໄປຫ້ອງໃນສີເຫຼືອງກັບອັກສອນ. ຂະນະທີ່ທ່ານບໍ່ໄດ້? ແລະຄຸນນະສົມບັດຂອງ ckeditor ເປັນ?

    ຂໍຂອບໃຈທ່ານ

    • ສະບາຍດີ Leonardo, ທີ່ຈະສະແດງຕົວອັກສອນທີ່ຂ້າພະເຈົ້າການນໍາໃຊ້ຕໍ່ທີມ plugin ທີ່ເອີ້ນວ່າ WP-Syntax. ສີທີ່ຂ້າພະເຈົ້າມີການປ່ຽນແປງທາງ CSS. ຂ້າພະເຈົ້າບໍ່ຮູ້ວ່າຖ້າຫາກວ່າບໍ່ມີແລ້ວດີກວ່າ… ໄດ້ເວົ້າເຖິງ!

  5. Fernando ກ່າວວ່າ:

    ຂ້າພະເຈົ້າເຮັດໃຫ້ມີລັກສະນະພິເສດຂອງ th ແນວໃດ(FIRST 1) e ຊະ(2 ມືສອງ) ໂດຍບໍ່ມີການສະຫະລັດຄລິກໃສ່ເຄື່ອງມື INSERT ອັກສອນພິເສດ? ທ່ານຢາກຈະເຮັດສິ່ງນີ້ໂດຍການເຂົ້າມາໃນ keyboard ຂອງຕົນເອງກັບບໍ່ມີການເປີດປ່ອງຢ້ຽມ.

    • ວິທີການ, ຂ້າພະເຈົ້າທົດສອບນີ້ແລະພຽງແຕ່ເຮັດແນວໃດວິທີທີ່ທໍາມະດາທີ່ເຮັດວຽກ, ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ຖືລົງທີ່ສໍາຄັນ ALT ແລະປະເພດລໍາດັບຂອງຈໍານວນທີ່ສອດຄ້ອງກັນກັບສັນຍາລັກທີ່ຕ້ອງການໄດ້. ຍົກຕົວຢ່າງ: ALT + 166 = ຊະ e ALT + 167 = º. ໄດ້ເວົ້າເຖິງ!

  6. James ກ່າວວ່າ:

    ຕອນເຊົ້າທີ່ດີ, ຜູ້ຊາຍທີ່ດີທີ່ສຸດກະທູ້ຂອງທ່ານ, ຂ້າພະເຈົ້າເລີ່ມຕົ້ນທີ່ຈະເຮັດວຽກຮ່ວມກັບ javascript ໃນປັດຈຸບັນ, ແລະຈໍາເປັນຕ້ອງໄດ້ສ້າງບັນນາທິການບົດຄວາມ, ຂ້າພະເຈົ້າຄິດວ່າການນໍາໃຊ້ ckeditor, ແຕ່ວ່າການຍາກທີ່ຈະໄດ້ຮັບການຈັດການກັບມັນ, ພິມພຽງແຕ່ຫວັງວ່າມັນຈະໄດ້ , ຊ່ວຍປະຢັດ, ໃຫມ່, ຍົກເລີກ, remake, ສາຍຄໍ, ສໍາເນົາ, ແລະຫມາຍໃສ່ໃນປ່ອງການຄັດເລືອກພາສາ, ແຕ່ແທນທີ່ຈະໄດ້ຮັບການລາຍລັກອັກສອນເປັນ, ຈະດໍາເນີນໂຄງການພາສາ, ແລະຫຼັງຈາກນັ້ນໄດ້ມີການຈັດການຂໍ້ມູນທີ່ໄດ້ຮັບ, ພິມເປັນບັນນາທິການລະຫັດທີ່ມາປົກກະຕິ, ພຽງແຕ່ອອນໄລນ໌, ຖ້າຫາກວ່າທ່ານສາມາດຊ່ວຍຂ້າພະເຈົ້າ.

  7. AmigaOS, ຂ້າພະເຈົ້າຕິດຕັ້ງທີ່ດີ, ແຕ່ບັນຫານ້ອຍໆຂອງສິ່ງທີ່ຂ້າພະເຈົ້າກໍາລັງປະເຊີນແມ່ນວ່າມັນປ່ຽນລັກສະນະພິເສດຢູ່ໃນປະເພດລະຫັດ html ແມ່ນໄດ້ເປັນແລະຂ້າພະເຈົ້າຕ້ອງການຢາກໃຫ້ພວກເຂົາເປັນຄືກັບຖານຂໍ້ມູນຂອງຂ້າພະເຈົ້າ, ມີ?

    • Opa, ວ່າອາດຈະມີບາງສິ່ງບາງຢ່າງທີ່ມີບັນນາທິການທີ່ທ່ານກໍາລັງໃຊ້ເພື່ອຂຽນລະຫັດ. ພະຍາຍາມນໍາໃຊ້ທ່ອນໄມ້ຂອງອ່ືນທົ່ວໄປແລະເຂົ້າໄປໃນຕົວຢ່າງລະຫັດ HTML ຢ່າງເຕັມທີ່, ແລະເບິ່ງວ່າບັນຫາຍັງ.

      ພະຍາຍາມຍັງກໍານົດນະໂຍບາຍທີ່ທ່ານເວົ້າວ່າຫນ້າຂອງທ່ານທີ່ charset ກໍານົດການນໍາໃຊ້ (ISO-8859-1 ou UTF-8).

      1
      2
      3
      4
      5
      
      <ຮ່າງກາຍ>
        <ຫົວ>
            <charset meta="UTF-8">
        </ຫົວ> 
      ...

      ຖ້າຫາກວ່າທ່ານກໍາລັງໃຊ້ PHP, ກໍານົດ charset ທີ່ຈຸດເລີ່ມຕົ້ນຂອງລະຫັດ, ກ່ອນທີ່ຈະຫຍັງ:

      1
      
        <?php header("Content-Type: text / html;  charset = ISO-8859-1",ທີ່ແທ້ຈິງ) ?>

      ຫຼື, ພະຍາຍາມໃນການຮັກສາເນື້ອໃນຂອງການຮ້ອງຂໍການນໍາໃຊ້ charset ທີ່ຖືກຕ້ອງ:

      1
      
        htmlentities( utf8_decode($_POST['ການປ່ຽນແປງ']) );

      ຄວາມຈິງແລ້ວແມ່ນວ່າບັນຫາທີ່ທ່ານຍົກມາບໍ່ໄດ້ເບິ່ງຄືວ່າຈະໄດ້ CKEditor, ວ່າເປັນຫຍັງຂ້າພະເຈົ້າໄດ້ນໍາໃຊ້ມັນໃນຄໍາຮ້ອງສະຫມັກຕ່າງໆແລະຂ້າພະເຈົ້າມີບັນຫາກັບລັກສະນະພິເສດທີ່ບໍ່ມີ. ທົດສອບຍັງ DEMO ກ່ຽວກັບເວັບໄຊທ໌ຜູ້ພັດທະນາໄດ້, ແລະບໍ່ໄດ້ເບິ່ງບັນຫາ. ເຫັນຢູ່ທີ່ນີ້: http://ckeditor.com/demo

  8. Marcio ກ່າວວ່າ:

    ຕອນບ່າຍດີຂ້າພະເຈົ້າພະຍາຍາມເພື່ອໃຫ້ໄດ້ຮັບຂໍ້ຄວາມລາຍລັກອັກສອນໃນ Textarea ຜ່ານ Javascript ຫາກຕ້ອງການສົ່ງກັບຖານຂໍ້ມູນແຕ່ຂ້າພະເຈົ້າບໍ່ສາມາດເຮັດໄດ້, ມັນມີວິທີການເພື່ອໃຫ້ໄດ້ຮັບຂໍ້ຄວາມ?
    ຂໍຂອບໃຈທ່ານ

  9. ຕອນບ່າຍດີ.
    ຂ້າພະເຈົ້າໃນການວາງແຜນກ່ຽວກັບການນໍາໃຊ້ອຸປະກອນນີ້ໄປຫາໃບສັ່ງແພດ – ບາງສິ່ງບາງຢ່າງ sooooo ງ່າຍດາຍແມ້ກະທັ້ງ.
    – ຂ້າພະເຈົ້າຕ້ອງການຢາກຮູ້ວິທີການສ້າງຕັ້ງຂຶ້ນສໍາລັບການພາທະນາຍຄວາມ (ບ່ອນທີ່ເປັນຄຸນນະສົມບັດ) ໄດ້ຮັບການເຊື່ອງໄວ້ (ຄືປຸ່ມພຽງເລັກນ້ອຍທີ່ເຮັດໃຫ້ມັນຫາຍໄປຫຼັງຈາກການແກ້ໄຂຂໍ້ຄວາມ)
    – ນອກຈາກນີ້ວິທີການທີ່ຂ້າພະເຈົ້າໄປກັບແຖບດ້ານຮ່າງ (ທີ່ປະກົດວ່າ “ຮ່າງກາຍ” ແລະ tags ອື່ນໆ) ?
    – ເຮັດແນວໃດຂ້າພະເຈົ້າເຮັດໃຫ້ກ່ອງຂໍ້ຄວາມທີ່ມີ “ລະດັບຄວາມສູງ” ອັດຕະໂນມັດ: ປະເພດ, ຖ້າຫາກວ່າຂ້າພະເຈົ້າສັ່ງ 10 medications ເອົາຫ້ອງດັ່ງກ່າວຈະ lengthening ໃນຂະນະທີ່ຂ້າພະເຈົ້າພິມ… ຖ້າຫາກວ່າຂ້າພະເຈົ້າພຽງແຕ່ພິມ 1 ກ່ອງຢາແມ່ນໃນເວລາທີ່ຂ້າພະເຈົ້າປະເພດ…

    • ສະບາຍດີ, ຂໍອະໄພ, ມີແຜບາງ (ຄວາມລົ້ມເຫລວ) ໃນລະຫັດຂອງທ່ານ, ດັ່ງນັ້ນຂ້າພະເຈົ້າໄດ້ສິ້ນສຸດລົງເຖິງການຖອນມັນ.

      ກ່ຽວກັບສິ່ງທີ່ທ່ານຈໍາເປັນຕ້ອງມີ, ມັນເປັນໄປໄດ້ຢ່າງສົມບູນ, ແຕ່ຂ້າພະເຈົ້າຂໍແນະນໍາໃຫ້ຊອກຫາສໍາລັບມືອາຊີບຜູ້ທີ່ເຂົ້າໃຈ JavaScript ເພື່ອຊ່ວຍໃຫ້ທ່ານໄດ້.

      ຂ້າພະເຈົ້າພຽງແຕ່ຈະບອກເຊືອກ:

      – ຊ່ອນແຖບເຄື່ອງມື (ແຖບເຄື່ອງມື):

      1
      2
      3
      
      ແມ່ນ ບັນນາທິການ = CKEDITOR.ເສັ້ນ( 'editor1', {
          removePlugins: 'ແຖບເຄື່ອງມື'
      } );

      – ຊ່ອນ footer (elementspath):
      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</ຫົວຂໍ້>
          <ເນື້ອໃນ meta="text/html; charset = utf-8" http-equiv="content-type" />
          <script src="http:////cdn.ckeditor.com/4.5.3/basic/ckeditor.js"></script>
          <script src="plugin.js"></script>  <!-- ໄດ້ຮັບ plugin.js em http://ckeditor.com/addon/autogrow ->  
          <ປະເພດ script="text/javascript">
           ປ່ອງຢ້ຽມ.onload = ຫນ້າທີ່()  {
              CKEDITOR.ທົດແທນ( 'editor1', {             
                  removePlugins: 'elementspath', 
                  removePlugins: 'ແຖບເຄື່ອງມື',
                  extraPlugins: 'Autogrow',
                  autoGrow_minHeight: 70,
                  ລະດັບຄວາມສູງ: '70px'
              });
           };
          </script>
        </ຫົວ>
        <ຮ່າງກາຍ>
          <ການປະຕິບັດຮູບແບບ="request.php" ວິທີການ="post">
            <id textarea="editor1" ຊື່="editor1">ຂໍ້ຄວາມເບື້ອງຕົ້ນ.</textarea>
            <ປະເພດປະກອບ="submit" ມູນຄ່າ="Submit" />
          </ຮູບແບບ>  
        </ຮ່າງກາຍ>
      </html>
  10. Odilon ກ່າວວ່າ:

    ຂ້າພະເຈົ້າບໍ່ສາມາດປ້ອນຂໍ້ຄວາມທີ່ຢູ່ໃນຖານຂໍ້ມູນຖືກຕ້ອງ, ເນື່ອງຈາກວ່າທຸກສິ່ງທຸກຢ່າງແມ່ນ strange

    ex:
    <p>&aacute; &eacute; &iacute;asd</p>
    ຈະເປັນ

  11. ລາຍການ 3 ມັນແມ່ນການທີ່ເປັນປະໂຫຍດສໍາລັບຂ້າພະເຈົ້າ. ຂ້າພະເຈົ້າຄຸ້ມຄອງເພື່ອການປ່ຽນແປງສີຂອງແຖບເຄື່ອງມືໄດ້.

  12. Claudio ກ່າວວ່າ:

    ສະບາຍດີ Taylor, ຊົມເຊີຍກ່ຽວກັບການຕອບການອະທິບາຍໄດ້ເປັນຢ່າງດີ. ຂ້າພະເຈົ້າຕ້ອງການທີ່ຈະນໍາໃຊ້ບັນນາທິການນີ້ໃນຄໍາຮ້ອງສະຫມັກ PHP ແລະຕ້ອງການທີ່ຈະຮູ້ວ່າວິທີການສ້າງຄໍາສັ່ງຜະສົມ (ຫຼືກົດປຸ່ມ) ໃນແຖບເຄື່ອງມືໃນການນໍາເອົາຂໍ້ມູນ BD ເພື່ອສະແດງກິ່ງງ່າໃນຂໍ້ຄວາມ? ໃນຄໍາສັບຕ່າງໆອື່ນໆ, ໂດຍການຄລິກປຸ່ມຈະເປີດກ່ອງໂຕ້ຕອບທີ່ມີຜົນມາຈາກການສອບຖາມໃດຫນຶ່ງໃນຖານຂໍ້ມູນໃນການເລືອກເອົາການບັນທຶກ.
    ມັນເປັນໄປໄດ້?

  13. Glaydison Silva ກ່າວວ່າ:

    ສະບາຍດີ, ຕອບທີ່ຍິ່ງໃຫຍ່. ຂ້າພະເຈົ້າສາມາດແນະນໍາໃຫ້ເປັນຂໍ້ສະເຫນີໃຫມ່? ຂ້າພະເຈົ້າຈໍາເປັນຕ້ອງການຊ່ວຍເຫຼືອການປະຕິບັດປຸ່ມອັບໂຫລດຮູບພາບ, DEMO ເຊັ່ນດຽວກັນກັບບ່ອນທີ່ທ່ານສາມາດໄປເຖິງເຄື່ອງແມ່ຂ່າຍແລະດັ່ງກ່າວ. ຂ້າພະເຈົ້າບໍ່ສາມາດເຮັດໄດ້ຢູ່ໃນທັງຫມົດ.

ອອກຈາກ Reply ເປັນ

ທີ່ຢູ່ອີເມວຂອງທ່ານຈະບໍ່ໄດ້ຮັບການຈັດພີມມາ. ທົ່ງນາທີ່ກໍານົດໄວ້ແມ່ນຫມາຍດ້ວຍ *