• 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Need to add Textarea with Visual Editor

#11
(10-29-2019, 12:57 PM)php_rocs Wrote:
(10-29-2019, 11:38 AM)xaibi Wrote: Hello, no i did not should i write this (height="40px")

Will this work?

No, for textarea you must set the attributes rows and or cols.  You could also set a default value  called placeholder.

reference: https://www.w3schools.com/tags/tag_textarea.asp

I did this but nothing happened. This is the my code.


Code:
<!--OBJECTIVE START-->
                <div class="cv-section-title">
                    <p class="font-weight-600 text-16">Objective</p>
                </div>

                <div class="form-row">
                    <div class="col-1">
                        <!--just to align labels-->
                    </div>
                </div>

                <?php if($update_cv):?>
                    <?php foreach($cv_objectives as $a): ?>
                        <div class="form-row">
                            <div class="form-group col">

        <textarea rows="10" cols="30" placeholder="Type Your Objective" class="form-control" value="<?=$a->description?>" name="objective_descriptions[]" /><?=$a->description?></textarea>
                            </div>

                        </div>
                    <?php endforeach; ?>
                <? endif ;?>
<!--OBJECTIVE END-->




(10-29-2019, 05:05 PM)InsiteFX Wrote: I think he is talking about using Visual Editor which is a WordPress editor.

Correct me if I' am wrong.


You are right but I think it's tough for me to implement visual editor. So I just want to fix the textarea section. Already posted my code.
Reply

#12
If you need an editor download CKEditor it works with the textarea and only needs one thing to link it.

1) Include ckeditor.js in the head section of your code:

Code:
<!-- make sure the src path points to your copied ckeditor folder -->
<script src="ckeditor/ckeditor.js"></script>

2) Create a text area for the editor in the body section followed by your CKEditor instance:

Code:
<!-- creating a text area for my editor in the form -->
<textarea id="myeditor" name="myeditor"></textarea>

<!-- creating a CKEditor instance called myeditor -->
<script type="text/javascript">
    CKEDITOR.replace('myeditor');
</script>

Very easy to add it to CodeIgniter.
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply

#13
(10-30-2019, 12:06 PM)InsiteFX Wrote: If you need an editor download CKEditor it works with the textarea and only needs one thing to link it.

1) Include ckeditor.js in the head section of your code:

Code:
<!-- make sure the src path points to your copied ckeditor folder -->
<script src="ckeditor/ckeditor.js"></script>

2) Create a text area for the editor in the body section followed by your CKEditor instance:

Code:
<!-- creating a text area for my editor in the form -->
<textarea id="myeditor" name="myeditor"></textarea>

<!-- creating a CKEditor instance called myeditor -->
<script type="text/javascript">
    CKEDITOR.replace('myeditor');
</script>

Very easy to add it to CodeIgniter.


well i did this and its not working...

Code:
    <script src="https://cdn.ckeditor.com/4.13.0/standard/ckeditor.js"></script>

And this is other
Code:
<textarea rows="6" placeholder="Type Your Objective" class="form-control" value="<?=$a->description?>" name="objective_descriptions[]" /><?=$a->description?></textarea>
                <script>
                        CKEDITOR.replace( 'objective_descriptions[]' );
                </script>


I think there is an issue with all code please check my current code. remove + icon from the code and make it a single Textarea box code.

When I save data in my textarea from the database, my textarea will work fine. But when I remove the data from textarea then it will hide. And if I want to show textarea then I need to add data through a database.
Reply

#14
Your missing the id and name!

Code:
<!-- creating a text area for my editor in the form -->
<textarea id="myeditor" name="myeditor"></textarea>

This has to match the replace.
What did you Try? What did you Get? What did you Expect?

Joined CodeIgniter Community 2009.  ( Skype: insitfx )
Reply

#15
I did blog CI with CKeditor: https://github.com/websiteinfo/CodeIgnit...e-Blog-App
Reply

#16
Ok I try it again but having problem with the loop. CKeditor is not working with foreach code.
Reply

#17
Ok i did it its working but its not working with loop. Am i doing something wrong?
Reply

#18
(10-30-2019, 12:06 PM)InsiteFX Wrote: If you need an editor download CKEditor it works with the textarea and only needs one thing to link it.

1) Include ckeditor.js in the head section of your code:

Code:
<!-- make sure the src path points to your copied ckeditor folder -->
<script src="ckeditor/ckeditor.js"></script>

2) Create a text area for the editor in the body section followed by your CKEditor instance:

Code:
<!-- creating a text area for my editor in the form -->
<textarea id="myeditor" name="myeditor"></textarea>

<!-- creating a CKEditor instance called myeditor -->
<script type="text/javascript">
    CKEDITOR.replace('myeditor');
</script>

Very easy to add it to CodeIgniter.

Thank you very much! CKEditor text editor looks very good!

[Image: Logo_Top.jpg]



GaMa Laptop || Laptop Gaming – Macbook – Workstation Cũ Giá Rẻ, Uy Tín TPHCM



Call: 0986.100.922 (Zalo, Viber)

Địa chỉ: Số 19 Đường D5, F.25, Q.Bình Thạnh, TPHCM

Website: GaMa Laptop || Laptop Gaming - Macbook - Workstation Cũ Giá Rẻ, Uy Tín TPHCM

Facebook: GaMa Laptop: Laptop Gaming - Macbook - Workstation Cũ Giá Rẻ, Uy Tín TPHCM



Chuyên bán: Laptop gaming cũ giá rẻ tphcmLaptop Ultrabook cũ cao cấp giá rẻ tphcm



Trải qua nhiều năm kinh nghiệm trong lĩnh vực mua bán laptop cũ tphcm đặc biệt là phân khúc laptop gaming cũ giá rẻ chúng tôi thấu hiểu phần nào về tâm tư nguyện vọng của khách hàng khi chọn mua một chiếc laptop cho mình, đặc biệt là những dòng Laptop Gaming đắt tiền.



Để tìm một nơi bán laptop cũ thì không quá khó, có hàng trăm hay thậm chí hàng ngàn cửa hàng lớn nhỏ trên khắp cả nước. Nhưng với số lượng lớn các cửa hàng như vậy, để tìm ra được nơi bán uy tín có thể đặt niềm tin trọn vẹn thì lại là một vấn đề không hề nhỏ, và không phải ai cũng may mắn tìm đến được với GaMa Laptop.



Hơn 10 năm trước GaMa Laptop ra đời với sự mệnh: Mang đến cho Khách hàng những sản phẩm tốt nhất, chất lượng tuyệt đối đảm bảo, và niềm tin Khách hàng đặt vào là phải trọn vẹn. Không chạy theo lợi nhuận, không tư vấn cho khách theo kiểu “tư vấn để bán cho được máy” mà tư vấn theo kiểu Khách hàng mua máy về là phải làm được việc, đáp ứng được nhu cầu công việc, học tập & giải trí. Tránh trường hợp tư vấn chỉ để bán được máy, còn khách mua về có xài được hay không thì kệ họ.



Chúng tôi gặp cũng không ít trường hợp khách đến than ngắn thở dài là mua máy về mà xài chẳng được, hỏi đổi thì họ lại không cho đổi, bán lại thì họ cũng chẳng thu…



Với sứ mệnh trên GaMa Laptop cam kết:



Chỉ bán hàng nguyên zin0%, nói không với hàng dựng, hàng kém chất lượng, hàng đã qua sửa chữa.



Tất cả sản bán ra đều được chọn lọc, kiểm tra kỹ lưỡng và bảo hành 3 tháng tại cửa hàng.



Trong vòng 7 ngày đầu, khách hàng được quyền đổi trả nếu sản phẩm xảy ra lỗi do nhà sản xuất hoặc sản phẩm không đáp ứng được nhu cầu công việc, hay chỉ đơn giản là nhìn cái kia ưng hơn.



Giao hàng miễn phí trong nội thành TP.Hồ Chí Minh.



Giao hàng miễn phí Toàn quốc, không quá 3 ngày làm việc (Ngoại trừ điều kiện khách quan).



Nâng cấp, thay thế linh kiện giá gốc.



Cài đặt vệ sinh miễn phí suốt thời gian sử dụng máy.



Khách hàng đến với GaMa Laptop cũng thuộc nhiều dạng đối tượng, nhiều độ tuổi khác nhau, nhiều lĩnh vực nhưng cùng chung lý do: Bên đây mình thấy bán toàn Laptop Gaming cũ ngon, mà lại uy tín nữa. Trong đấy đa phần là các bạn Sinh viên, và người mới vừa ra trường đi làm cần một laptop đủ mạnh để giải quyết công việc mà kinh phí lại hạn hẹp.



GaMa Laptop luôn cung cấp hàng chính hãng từ các nhà sản xuất, chất lượng luôn được đảm bảo và mức giá phù hợp trong môi trường cạnh tranh.



Các dòng Laptop cũ GaMa Laptop bán được phân loại như sau:

Laptop gaming giá rẻ: GaMa Laptop hiện đang bán các mẫu Laptop gaming của các thương hiệu nổi tiếng hàng đầu hiện nay. Cam kết giá cả luôn cạnh tranh, có thể coi là rẻ nhất khu vực hcm và HN



Xem thêm: laptop gaming cũ giá rẻ tphcmlaptop gaming cũ tphcmlaptop gaming giá rẻ tphcm



Laptop cũ cao cấp giá rẻ tphcm: Các mẫu Laptop ultrabook cũ tphcm, Laptop cũ giá rẻ hcm, Laptop business cũ giá rẻ tphcm đang rất HOT và được ưa chuộng rộng rãi hiện nay về sự tiện lợi gọn nhẹ cũng được GaMa Laptop bán ra phục vụ quý khách hàng. Vẫn là cam kết giá rẻ, luôn luôn cạnh tranh.



Laptop workstation, Máy trạm cũ giá rẻ tphcm – Máy trạm đồ họa: Đặc biệt không thể thiếu những mẫu Laptop workstation cũ giá rẻ tphcm dành cho dân thiết kế hình ảnh, render video cũng được GaMa Laptop tuyển chọn và bán ra phục vụ quý khách hàng.



Xem thêm: Laptop workstation cũ, chuyên thiết kế đồ họa tphcmMáy trạm chuyên render hình ảnh giá rẻ tphcm.



Macbook cũ giá rẻ tphcm: Vẻ đẹp không thể cưỡng lại được của macbook đủ để khiến bao người mê mẫn. Nói đến macbook là nghĩ ngay đến sự sang trọng và đẳng cấp mà khó thương hiệu nào có thể so sánh được. GaMa Laptop hiện đang bán các mẫu macbook Pro cũ, macbook Air cũ, The New macbook 12 inch…



Xem thêm: macbook cũ tphcmmacbook giá rẻ tphcm, macbook air, macbook pro cũ giá rẻ hcm



GaMa Laptop có bán laptop cũ trả góp lãi suất 0%. Mua laptop cũ giá tốt tại GaMa Laptop nhận nhiều ưu đãi và quà tặng khủng.

Xem thêm: laptop gaming cũ trả góp tphcm



Ngoài ra chúng tôi còn có dịch vụ thu mua laptop cũthu mua macbook giá cao tại tphcm. Đặc biệt GaMa Laptop là địa điểm thu mua laptop gaming cũ giá cao nhất tại TPHCM



Kính chúc quý khách hàng sức khỏe và may mắn !!!



Danh mục thu mua:
Thu mua Laptop cũthu mua Macbookthu mua Surfacethu mua iPhone – iPadthu mua Apple Watchthu mua AirPodsthu mua phụ kiện Applethu mua điện thoại Smartphonethu mua điện thoại Samsungthu mua điện thoại Oppo.
Reply


Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


  Theme © 2014 iAndrew  
Powered By MyBB, © 2002-2020 MyBB Group.