Comments (1)
Javascript code for deletion tinymce image by using ajax
tinymce.init({
...
setup: function (editor) {
editor.on('init change', function () {
editor.save();
});
editor.on('KeyDown',function (e){
if ((e.keyCode == 8 || e.keyCode == 46) && editor.selection) { //for Backspace key and delete key pressed
var selectedNode = editor.selection.getNode();
const Imgaes = walkDom(selectedNode);
for(let i=0;i<Imgaes.length;i++){
let getFileName = Imgaes[i].src;
getFileName = getFileName.split('/');
getFileName = getFileName[getFileName.length - 1]
PostImgDeletion(getFileName)
}
}
}
});
function walkDom(start_element)
{
var arr=[]; // we can gather elements here
var loop=function(element)
{
do{
// we can do something with element
if(element.nodeName=="IMG") // do not include text nodes only images Nodes
arr.push(element);
if(element.hasChildNodes())
loop(element.firstChild);
}
while(element=element.nextSibling);
}
loop(start_element);
//loop(start_elem.firstChild); // do not include siblings of start element
return arr;
}
from laravel-tinymce-simple-imageupload.
Related Issues (15)
- js console error HOT 3
- Error when calling view HOT 2
- TinyMCE 5 HOT 2
- Incomplete URL when sending images by email.
- how to change directory uploaded image? HOT 1
- Your requirements could not be resolved to an installable set of packages. HOT 2
- Error: undefined function resource_path() HOT 2
- How to change upload workflow
- Missing Laravel 9 / PHP 8+ Support HOT 2
- Class 'Petehouston\Tinymce\TinymceServiceProvider' not found HOT 1
- Upload progress
- Unable to view the image HOT 5
- New Features HOT 1
- not compatible with laravel 5.7 HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from laravel-tinymce-simple-imageupload.