Я столкнулся с проблемой в моем проекте.
Здесь, в моем проекте, я хочу положение, где была нажата мышь после того, как я нажал на кнопку загрузки в Facebook.
Например
Здесь На изображении говорят, что я нажал Hello текст. Я хочу положение Hello Текст после того, как я нажму на кнопку загрузки в Facebook и добавлю изображение после текста. Аналогично случаю Hello Test. Вот где я пытался
<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<!-- Fonts -->
</head>
<body>
<div id="container">
<h1>Medium Editor</h1>
<form action="{{ route('editor') }}" method="post">
{{ csrf_field() }}
<div class="editable">
<textarea class="form-control textarea" name="description_en" id="description_en" ></textarea>
</div>
<input type="submit" value="submit">
</form>
<button id="facebookUpload">Facebook Upload</button>
</div>
<script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script>
<script>
jQuery(document).ready(function(){
jQuery("#facebookUpload").focusin(function(e){
var posX = jQuery(this).prev().focusout().position().left;
var posY = jQuery(this).prev().focusout().position().top;
jQuery('.medium-editor-element').append('<img id="theImg" src="https://cdn.filestackcontent.com/jHNwCAMlTzujKkeLIyrq" style="width:100px;height:100px;left:'+ (e.pageY - posY) + ';top:'+ (e.pageX - posX) +'" />')
console.log((e.pageX - posX) + ' , ' + (e.pageY - posY));
});
});
</script>
</body>
</html>
Но это не работает. Во всех случаях добавлено изображение внизу.
Вот пример
Я не нашел решения для этого. Пожалуйста, помогите мне. Спасибо.