質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WYSIWYG

WYSIWYGとは、ディスプレイに表示されたものが見た通りの状態でプリンターなどに出力できる技術、およびその概念です。HTMLがなくても容易にWebページのレイアウトなどができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

メール

メールは、コンピュータネットワークを利用し、 情報等を交換する手段のことです。

Q&A

1回答

1770閲覧

Wixやjimdoやペライチの様なWYSIWYGエディタ

teratailmacr2

総合スコア31

WYSIWYG

WYSIWYGとは、ディスプレイに表示されたものが見た通りの状態でプリンターなどに出力できる技術、およびその概念です。HTMLがなくても容易にWebページのレイアウトなどができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

メール

メールは、コンピュータネットワークを利用し、 情報等を交換する手段のことです。

0グッド

1クリップ

投稿2019/07/31 11:35

編集2019/08/01 05:22

Wixやjimdoやペライチの様なWYSIWYGエディタを独自サービスに実装したいと考えています。

類似サービスに有料のプラグインとして提供されているTOPOL.ioが存在しますが、永遠に利用料が必要な点が問題なのと、もう少しペライチの様な物が理想です。
(作者と直接何度かやり取りを行いましたが、バグがあったり求めているレベルに達しない為諦めました)

独自に作るのは相当大変だと思いますが、そもそもどんな仕組みでドラッグアンドドロップしたオブジェクトをマウスオーバーで認識し、編集したり出来るのかさっぱりわかりません。

参考になるサイトもしくはカスタマイズ可能な類似サービスはありませんでしょうか?

ちなみに、ドラッグアンドドロップを実装する程度の事はjQueryでもjavascriptでも実現できています。

例えば、ドラッグ出来るオブジェクトにイベントを仕掛けておき、ドロップした場所に任意のHTMLを挿入したりは可能です。
ただ、それだとWYSIWYGではないのと、追加は可能ですが調整も変更も出来ず、希望のものとはかけ離れています。

最初はCKEditorカスタマイズしてみましたが、第三者から分かりにくい、使いにくいと言われ、カスタマイズレベルでは実現不可能だと判断しました。

最終目標に向けて少しでもお力になっていただける方がいらっしゃいましたら、お手数ですがご意見の程よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

独自に作るのは相当大変だと思いますが、そもそもどんな仕組みでドラッグアンドドロップしたオブジェクトをマウスオーバーで認識しているのかさっぱりわかりません。

ドラッグアンドドロップの処理自体はそれほど難しいものではなく、JavaScriptで実装できます。

参考:Javascript でドラック&ドロップを実装 (ライブラリ使わない)
https://qiita.com/yonedaco/items/ea234e95473d739c7447

もし制作を依頼出来る方がいらっしゃればそれでも構いません。

テラテイルは質問サイトなので、制作依頼であればクラウドソーシングをご利用ください。

クラウドワークス
https://crowdworks.jp/for-employer?ref=root_pages-index-main

ランサーズ
https://www.lancers.jp/

投稿2019/07/31 22:31

nskydiving

総合スコア6500

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問