2017-12-17 74 views
0

현재 퀼 편집기는 이미지를 base64 이미지 형식으로 저장합니다. 지금은 괜찮습니다.퀼 이미지 편집기에서 서식을 제거하는 방법

그러나 quill이 base64 콘텐츠 만 저장하고 그 서식을 사용하지 않도록하려면 어떻게해야합니까?

이것은 이미지가 db에 저장 된 후의 모습입니다.

<p><img src="data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX"></p> 

기본적으로 나는 "< P>"및 <의 img SRC = 태그를 제거하고 싶습니다.

데이터를 보유하고 싶습니다 : image/png; base64, iVBXXXXXXXXXX. quill 모듈에서 할 수있는 설정이 있습니까? 문자열을 공격 태도를 보여준 것은 행할 접근 방식 인 경우

답변

0

,이 같은 현재 형식 작동합니다 :

var str = '<p><img src="data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX"></p>' 
var srcPosition = str.indexOf('src'); 
var pEndPosition = str.indexOf('</p>'); 
var strippedString = str.slice(srcPosition + 5, pEndPosition - 2); 

행운을 빕니다!

+0

하지 무엇을 내가 찾고 있어요. 하지만 어쨌든 제안 주셔서 감사합니다 :) –

0
모듈에 대한 확인

하지하지만 당신은 배열로 모든 이미지를 얻기 위해 아래와 같이 뭔가 뭔가를 사용할 수 있습니다

function GetImageData(str) { 
    var retArray = []; 
    var regexPattern = /src="([^"]+)/gi; 
    var matches = str.match(regex); 
    for (var i = 0;i < matches.length;i++) { 
     retArray.push(matches[i].replace('src="','')); 
    } 
    return retArray; 
} 

var test = '<p><img src="data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX"></p><p><img src="data:image/png;base64,iVBYYYYYYYYYYYYYYYYYYYYYYYYYYY"></p><p><img src="data:image/png;base64,iVBZZZZZZZZZZZZZZZZZZZZZZZZZZZ"></p>'; 

var result = GetImageData(test); 

이렇게하면 다음과 배열을 제공합니다

"data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX" 
"data:image/png;base64,iVBYYYYYYYYYYYYYYYYYYYYYYYYYYY" 
"data:image/png;base64,iVBZZZZZZZZZZZZZZZZZZZZZZZZZZZ"