ckeditorの検索結果1 - 5 件 / 5件

• あとで読む

  Implementing single-file Web Components | CKEditor

  • 15 users
  • ckeditor.com
  • テクノロジー
  • 2019/11/29

  # Implementing single-file Web Components Probably everyone who knows the Vue.js framework also heard about its single-file components. This super simple idea allows web developers to define the entire code of a component in one file. It is such a useful solution that an initiative to include this mechanism in browsers has already appeared. However, it seems quite dead as, unfortunately, no progre

  • WebComponents
  • article
  • JavaScript
  • あとで読む

  
• あとで読む

  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
  • 開発

  
• あとで読む

  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

  
• あとで読む

  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