Làm cách nào để tôi có thể thêm phông chữ google (theo chương trình) vào ckeditor

Question

Tôi vừa tải xuống CKEditor và tuyệt vời của nó. Mặc dù tôi đã nhận thấy rằng nó slacks phông chữ. Vì vậy, tôi nghĩ rằng có thể thêm Google Web Fonts vào CKEditor để thêm vào chức năng của nó.

Tôi đã tìm kiếm trực tuyến nhưng tôi chỉ có thể tìm cách tự truy cập và thêm từng phông chữ vào tệp config.js.

Ai đó có thể vui lòng giúp tôi thêm tất cả Phông chữ web của Google vào CKEditor theo chương trình và hiển thị như thế nào.

Answer 1

Ok tôi đã tìm thấy câu trả lời. Tôi đăng nó ở đây để nó có thể hữu ích cho bất cứ ai khác đang tìm kiếm như vậy. Vì vậy, đây đó là:

myFonts = ['Aclonica', 'Allan', 'Allerta', 'Allerta Stencil', 'Amaranth', 'Angkor', 'Annie Use Your Telescope', 'Anonymous Pro', 'Anton', 'Architects Daughter', 'Arimo', 'Artifika', 'Arvo', 'Astloch', 'Bangers', 'Battambang', 'Bayon', 'Bentham', 'Bevan', 'Bigshot One', 'Bokor', 'Brawler', 'Buda', 'Cabin', 'Cabin Sketch', 'Calligraffitti', 'Candal', 'Cantarell', 'Cardo', 'Carter One', 'Caudex', 'Chenla', 'Cherry Cream Soda', 'Chewy', 'Coda', 'Coda Caption', 'Coming Soon', 'Content', 'Copse', 'Corben', 'Cousine', 'Covered By Your Grace', 'Crafty Girls', 'Crimson Text', 'Crushed', 'Cuprum', 'Damion', 'Dancing Script', 'Dangrek', 'Dawning of a New Day', 'Didact Gothic', 'Droid Sans', 'Droid Sans Mono', 'Droid Serif', 'EB Garamond', 'Expletus Sans', 'Fontdiner Swanky', 'Francois One', 'Freehand', 'GFS Didot', 'GFS Neohellenic', 'Geo', 'Goudy Bookletter 1911', 'Gruppo', 'Handlee', 'Hanuman', 'Holtwood One SC', 'Homemade Apple', 'IM Fell DW Pica', 'IM Fell DW Pica SC', 'IM Fell Double Pica', 'IM Fell Double Pica SC', 'IM Fell English', 'IM Fell English SC', 'IM Fell French Canon', 'IM Fell French Canon SC', 'IM Fell Great Primer', 'IM Fell Great Primer SC', 'Inconsolata', 'Indie Flower', 'Irish Grover', 'Josefin Sans', 'Josefin Slab', 'Judson', 'Jura', 'Just Another Hand', 'Just Me Again Down Here', 'Kenia', 'Khmer', 'Koulen', 'Kranky', 'Kreon', 'Kristi', 'Lato', 'League Script', 'Lekton', 'Limelight', 'Lobster', 'Lora', 'Luckiest Guy', 'Maiden Orange', 'Mako', 'Maven Pro', 'Meddon', 'MedievalSharp', 'Megrim', 'Merriweather', 'Metal', 'Metrophobic', 'Michroma', 'Miltonian', 'Miltonian Tattoo', 'Molengo', 'Monofett', 'Moul', 'Moulpali', 'Mountains of Christmas', 'Muli', 'Neucha', 'Neuton', 'News Cycle', 'Nobile', 'Nova Cut', 'Nova Flat', 'Nova Mono', 'Nova Oval', 'Nova Round', 'Nova Script', 'Nova Slim', 'Nova Square', 'Nunito', 'OFL Sorts Mill Goudy TT', 'Odor Mean Chey', 'Old Standard TT', 'Open Sans', 'Open Sans Condensed', 'Orbitron', 'Oswald', 'Over the Rainbow', 'PT Sans', 'PT Sans Caption', 'PT Sans Narrow', 'PT Serif', 'PT Serif Caption', 'Pacifico', 'Paytone One', 'Permanent Marker', 'Philosopher', 'Play', 'Playfair Display', 'Podkova', 'Preahvihear', 'Puritan', 'Quattrocento', 'Quattrocento Sans', 'Radley', 'Raleway', 'Reenie Beanie', 'Rock Salt', 'Rokkitt', 'Ruslan Display', 'Schoolbell', 'Shanti', 'Siemreap', 'Sigmar One', 'Six Caps', 'Slackey', 'Smythe', 'Sniglet', 'Special Elite', 'Sue Ellen Francisco', 'Sunshiney', 'Suwannaphum', 'Swanky and Moo Moo', 'Syncopate', 'Tangerine', 'Taprom', 'Tenor Sans', 'Terminal Dosis Light', 'The Girl Next Door', 'Tinos', 'Ubuntu', 'Ultra', 'UnifrakturCook', 'UnifrakturMaguntia', 'Unkempt', 'VT323', 'Vibur', 'Vollkorn', 'Waiting for the Sunrise', 'Wallpoet', 'Walter Turncoat', 'Wire One', 'Yanone Kaffeesatz']; 

config.font_names = 'serif;sans serif;monospace;cursive;fantasy'; 

for(var i = 0; i<myFonts.length; i++){ 
      config.font_names = config.font_names+';'+myFonts[i]; 
      myFonts[i] = 'http://fonts.googleapis.com/css?family='+myFonts[i].replace(' ','+'); 
} 

config.contentsCss = ['/ckeditor/contents.css'].concat(myFonts); 

Chúc mừng,

Praney

Answer 2

Bạn có thể sử dụng ngôn ngữ kịch bản để lấy danh sách tất cả các WebFont của Google bằng API nhà phát triển và tự động tạo các dòng cấu hình CKEditor.

Để sử dụng API, bạn sẽ cần một API Key,

Để có được một khóa API, hãy truy cập APIs Console. Trong ngăn Dịch vụ, kích hoạt API nhà phát triển Google Web Fonts; nếu Điều khoản dịch vụ xuất hiện, hãy đọc và chấp nhận chúng.

Tiếp theo, chuyển đến ngăn Truy cập API. Khóa API ở gần cuối ngăn đó, trong phần có tiêu đề "Truy cập API đơn giản".

Sau khi bạn có khóa API, ứng dụng của bạn có thể nối thêm tham số truy vấn key = yourAPIKey cho tất cả URL yêu cầu.

Khóa API an toàn khi nhúng trong URL; nó không cần mã hóa.

Điểm cuối cho webfonts là https://www.googleapis.com/webfonts/v1/webfonts?key=YOURKEYHERE và trả về phản hồi JSON, ví dụ: bạn có thể sử dụng jQuery chẳng hạn như ajax trong yêu cầu và lặp qua các đối tượng, tạo các dòng cấu hình rồi sao chép và dán vào .