CKEditorの検索結果1 - 6 件 / 6件

• あとで読む

  Nuxt.jsにCKEditorを導入し、エディタ内の画像の移動、リサイズをドラッグで実現する - Qiita

  • 4 users
  • qiita.com/idani
  • テクノロジー
  • 2020/07/16

  注意 もっと簡単な導入方法を見つけました。以下を参照してください。 https://qiita.com/idani/items/661e5aaa9dc32588d204 はじめに CKEditorで編集しているHTMLで、画像を挿入した場合に、ドラッグで画像サイズを自由に変更したい。 CKEditorのデモサイトでは、以下のように自由に画像のサイズをドラッグで変更ができる。 ところが、Vue.jsに導入したCKEditorでは、画像のサイズ変更ができなかった！！ TL;DR Enhanced Imageプラグインを導入することで、ドラッグでの画像のリサイズに対応するようです。 デモサイトと今回作成したサンプルコードをGithubで公開をしています。 https://github.com/idani/ckeditor4-vue-image-resize 以下、Vue.jsのCKEditor4

  • Article
  • 開発

  
• あとで読む

  WYSIWYGエディタをCKEditorで作ってみた - Qiita

  • 4 users
  • qiita.com/Sotq_17
  • テクノロジー
  • 2019/10/02

  WYSIWYGエディタって何？ 「What You See Is What You Get（見たままが得られる）」エディタ。うぃじうぃぐって読むらしけど誰が読めるんやろう。 ユーザー側からタグ付けとかスタイリングとかをさせることなく、 簡単に良い感じに文章が作れるエディターです。 イメージでいうとQiitaとかWordpressの投稿のエディタ画面みたいな感じです。 これを簡単に実装できる方法を紹介します CKEditor vs Draft.js 実装しようと思い、調べましたがものすごく種類あるみたいですね。 https://qiita.com/rana_kualu/items/fc752de7d4f2224b29ee 最終2候補で悩みましたが、結局表題の通りCKEditorを使用しました。 理由はReact案件ではないことがメインです。（Reactが入ってるか否かで使い分けてもいいかも）

  
• あとで読む

  CKEditor 5 | Powerful Framework with Modular Architecture

  • 3 users
  • ckeditor.com
  • テクノロジー
  • 2019/10/21

  CKEditor 5 provides every type of WYSIWYG editing solution imaginable. From editors similar to Google Docs and Medium, to Slack or Twitter-like applications, all is possible within a single editing framework. The editor comes with a well-designed UI and perfect UX, so users can easily manage media and tables as well as use advanced features, such as auto-formatting, mentions, Paste from Word or Ma

  • text
  • javascript

  
• あとで読む

  CKEditor 5 Online Builder | Create your own editor in 5 steps

  • 3 users
  • ckeditor.com
  • 暮らし
  • 2020/10/30

  ClassicClassic editor is what most users traditionally learnt to associate with a rich text editor — a toolbar with an editing area placed in a specific position on the page, usually as a part of a form that you use to submit some content to the server. InlineInline editor comes with a floating toolbar that becomes visible when the editor is focused (e.g. by clicking it). Unlike classic editor, in

  

CKEditorの関連エントリー

• 

  マルチAWSアカウント環境のセキュリティって無理ゲーじゃね？

  194 users
• 

  価値が出るポイントまで一気に進めてから次のタスクに取り組む - $shibayu36->blog;

  128 users
• 

  プログラミングリファクタリング技術を基礎から応用まで学べる実践的な初心者向け教材／『実践入門 プログラミング初心者のためのリファクタリング50問ドリル』が発売【Book Watch/ニュース】

  53 users
• 

  AI作曲サービスのSunoとUdioが相次いでステム分離機能搭載。Udioは待望の2分超え生成が可能に（CloseBox） | テクノエッジ TechnoEdge

  29 users
• 

  グーグル社内｢最も効果的な生成AIへの指示｣アイデア大会の入賞作品リスト。臨時ボーナスも出た

  24 users
• 

  【PC短評】 ミニPCだけど、M.2を4基つけました。「MINISFORUM MS-A1」

  19 users
• 

  絡まったケーブルを解くために“最適な振る速度”は？　米国の物理学者が発見

  22 users
• 

  自分が管理する全 OSS の Issue や Pull Request を 1 つの GitHub Project に集約

  29 users
• 

  年間一億円削減した時系列データベースのアーキテクチャ改善～不確実性の高いプロジェクトへの挑戦～

  128 users
• 

  生成AIのRAG構成を大手3社（AWS、Azure、Google Cloud）で徹底比較してみた - G-gen Tech Blog

  178 users
• あとで読む

  CKeditor4と画像アップロード（CKfinder使用しない） - Qiita

  • 3 users
  • qiita.com/haisai
  • テクノロジー
  • 2020/04/04

  var url = '<?= $this->Url->build(['controller' => 'ImgUpload', 'action' => 'index']) ?>'; var editor = CKEDITOR.replace('editor', { language: 'ja', toolbarCanCollapse: true, filebrowserUploadMethod: 'form', filebrowserUploadUrl: url, /* 上で指定したurl(変数) */ image_previewText: '画像アップロード', }; namespace App\Controller\Admin; use App\Controller\AppController; class ImgUploadController extends AppControlle

  
• あとで読む

  Laravel で エディタ(ckeditor)を実装する ①｜NANASE

  • 3 users
  • note.com/nanas0100
  • 暮らし
  • 2020/01/23

  今回は、laravelでエディタを使って投稿できるようにする方法について書きます。 エディタ使うエティタはckeditorというものを使います。ckeditorを表示するとこんな感じです。ブログ記事などでもしかしたら、一度使ったことがある方もいるかも知れません。 上の例はメニューを減らしたので、初期の状態よりはかなり少なくなっています。本来はこれだけ機能があり、かなり高機能です。 ckeditor を使えるようにするまずコマンドで以下を実行します。 composer require unisharp/laravel-ckeditorそして、config/app.php内のprovidersの中にUnisharp\Ckeditor\ServiceProvider::class,を追加します。 'providers' => [ . . . Unisharp\Ckeditor\ServicePr