1. 程式人生 > >只需兩步,輕鬆使用ckeditor

只需兩步,輕鬆使用ckeditor

看了一下網上很多教怎麼使用ckeditor的配置使用方法的。但作為剛學習想使用ckeditor的程式設計師來說。哪些長篇大論的文章真的會讓人看得頭暈。我想大多數人的想法跟我一樣。什麼配置面板樣式的等都是其次。先讓我看到ckeditor展示在我的網頁上嘛。但如果網上的各種做法,你看得越多,只會越蒙。現在筆者介紹給大家一種,最快速簡單實用ckeditor的方法,只需兩步就OK。

1.將下載下來的ckeditor檔案解壓後,直接複製,貼上到WEB專案的webroot目錄。(專案一放進去就報錯,不用管它。這是因為IDE工具版本的問題)


2.在網頁上新增兩句話:

1.匯入JS檔案:<script src="//cdn.ckeditor.com/4.4.5/standard/ckeditor.js"></script>  注意:這句話是在電腦能聯網的時候才有效的,因為路徑是通過網路訪問到的。

你也可以使用另外一句話:<script src="ckeditor_4.4.5_standard/ckeditor/ckeditor.js"></script> 這樣,就可以在沒有聯網的情況也可以使用到ckeditor。

其實就是匯入一份JS檔案,如果你看不到效果的話,檢查下路徑是否有錯誤就可以了。

2.弄個textarea標籤顯示ckeditor:<textarea id="editor" class="ckeditor"></textarea>(注意,裡面的id  class屬性值一個都不能錯,不能省)


現在就已經OK了,開啟你的瀏覽器就能看到跟我一樣的效果:


相關推薦

輕鬆使用ckeditor

看了一下網上很多教怎麼使用ckeditor的配置使用方法的。但作為剛學習想使用ckeditor的程式設計師來說。哪些長篇大論的文章真的會讓人看得頭暈。我想大多數人的想法跟我一樣。什麼配置面板樣式的等都是其次。先讓我看到ckeditor展示在我的網頁上嘛。但如果網上的各種做法

Android——使你的Android Studio支援Lambda表示式(有更新)

只需兩步,使你的使Android Studio支援Lambda表示式 Java8的一大新特性就是較為健全的Lambda表示式,但是目前Android studio並不支援這一特性。但是可以通過在gradle中配置幾行程式碼,引用Github上的資源,就可以讓你

4LoadRunner輕鬆實現大負載測試!省時省力

敏捷的技術時代需要測試開發者在提高產品質量的同時,能夠縮短髮布時間和精簡工作流程。研發人員們現在正在短時間內自己完成端到端的週期,並不斷髮布新的修復和功能。 測試開發人員節省時間的方式之一是儘可能多的重複使用現有的指令碼。這節省了建立新指令碼的時間,並且還實現了自動化。 通常情況下,你可以通

Android studio如何用真機除錯

        對於學生黨來說,電腦配置不夠高,初學移動程式設計開發,電腦執行虛擬機器的時候卡的要死,怎麼辦?可以使用手機真機進行除錯,只需兩步: 一:用資料線將手機連線到電腦,開啟開發者選項和USB除錯以及媒體裝置(MTP)可通過電腦傳輸檔案. 2.設定Andr

圖演算法 - “五獲取節點間的所有路徑(非遞迴方式)

在實現 “圖” 資料結構時,會遇到 “獲取兩點之間是所有路徑” 這個演算法問題,網上的資料大多都是利用遞迴演算法來實現(見文末的參考文章)。 我們知道在 JS 中用遞迴演算法很容易會讓呼叫棧溢位,為了能在生產環境中使用,必須要用非遞迴方式的去實現。 經過一番

學習筆記GAN001:生成式對抗網絡10從零開始到調試

sar quest 從零開始 http demo pip lib download mark 生成式對抗網絡(gennerative adversarial network,GAN),目前最火的非監督深度學習。一個生成網絡無中生有,一個判別網絡推動進化。學技術,不先著急看書

幫助企業做好MaxCompute成本優化

二級 存在 esc follow 用戶 細節 沈澱 明顯 接下來 摘要: 阿裏雲在和很多企業交流的過程中發現他們在使用MaxCompute的時候往往會遇到一些成本相關的問題,而在與客戶不但交流溝通的過程中,阿裏雲在成本優化方面也積累了大量的經驗,因此也希望能夠將這些經驗沈澱

6從頭開始編寫機器學習演算法

從頭開始編寫演算法是一種有益的體驗,當你最終點選執行的那一刻,你會了解演算法背後真正發生了什麼。 如果你以前用scikit-learn實現過這個演算法,從頭開始編寫就會很容易?不是這樣。 有些演算法只是比其他演算法更復雜,所以可以從簡單的開始,比如單層感知器(Percep

intellij idea 永久破解33分鐘搞定可用到2100年!!!

參考:https://blog.csdn.net/qq_28743951/article/details/78261128?locationNum=2&fps=1 **注:**intellij idea 每次升級後需要重新配置兩個檔案,新增JetbrainsCrack-3.1-r

!Eclipse+Maven快速構建第一個Spring Boot專案

隨著使用Spring進行開發的個人和企業越來越多,Spring從一個單一簡介的框架變成了一個大而全的開源軟體,最直觀的變化就是Spring需要引入的配置也越來越多。配置繁瑣,容易出錯,讓人無比頭疼,簡化Spring配置簡直可以說是民心所向。 Spring Boot是由Pivotal團隊提供的

獲取任何小程式原始碼

這種方法,並不能反編譯出所有的小程式原始碼,請自知! 下面是原文:   最近在學習微信小程式開發,半個月學習下來,很想實戰一下踩踩坑,於是就仿寫了一個滴滴他們家的青桔單車小程式的前端實現,過程一言難盡,差不

即可獲得“睡後收入”

睡後收入,無數非財富自由人士的夢,也可以說是通往財富自由的必備條件。 通俗地講:睡著覺,把錢賺了。 行情好的時候,炒幣是一種睡後收入,圈裡老人都深有體會,去年牛市的時候,睡一覺起來: “咦,今年好像不用上班啦” 但是,現在是TM熊市啊!在這種連盤都不敢

JavaFx表格檢視TableView設定單元格可編輯(實現)

只需兩步: 1. tableView.setEditable(true);//表格設定為可編輯 2. colUrl.setCellFactory(TextFieldTableCell.for

獲取任何微信小程式原始碼

快速地獲取一個微信小程式原始碼的方式記錄下來。簡單聊一下xxxxx.wxapkg先來想想一個很簡單的問題,小程式的原始檔存放在哪?當然是在微信的伺服器上。但是在微信伺服器上,普通使用者想要獲取到,肯定是十分困難的,有沒有別的辦法呢?簡單思考一下我們使用小程式的場景就會明白,當

在Spring Boot中統一Restful API返回值格式與統一處理異常

統一返回值 在前後端分離大行其道的今天,有一個統一的返回值格式不僅能使我們的介面看起來更漂亮,而且還可以使前端可以統一處理很多東西

4輕鬆升級K3s叢集!

Rancher 2.4是Rancher目前最新的版本,在這一版本中你可以通過Rancher UI對K3s叢集進行升級管理。 K3s是一個輕量級Kubernetes發行版,藉助它你可以幾分鐘之內設定你的開發Kubernetes環境。它非常適用於生產用例,主要用於IoT和Edge裝置。 ![在這裡插入圖片描

Android實戰——輕鬆整合百度自動更新SDK3

輕鬆整合百度自動更新SDK,只需3步 整合百度自動更新SDK前提: 1、需要上線作品進行測試,本人用自己上線的作品進行了測試。 2、需要上線的作品defaultConfig中的versionCode

Android實戰——輕松集成百度自動更新SDK3

appid config log .html img 演示 sso 自動更新 客戶 輕松集成百度自動更新SDK,只需3步 集成百度自動更新SDK前提: 1、需要上線作品進行測試,本人用自己上線的作品進行了測試。 2、需要上線的作品defaultConfig中的versi

如何將CAD圖紙轉換成彩色即可輕松搞定!

官網 -c 等待 輸出 href text RoCE 電腦桌 第一步 如何將CAD圖紙轉換成彩色,只需幾步即可輕松搞定!在日常的工作中,建築設計師們在編輯器完圖紙後,基本圖紙都是黑白的,這樣不利用我們更好的進行查看,那就需要將CAD圖紙的顏色進行轉換,如何將CAD圖紙轉換成

Spring Boot 學習系列(01)—從0到1分鐘

此文已由作者易國強授權網易雲社群釋出。 歡迎訪問網易雲社群,瞭解更多網易技術產品運營經驗。 快速構建 如果我們想基於spring mvc 提供一個簡單的API查詢服務,傳統的方式,首先需要我們引入spring-mvc/spring-context等等各項依賴包,然後配置相關的引數