【17】React Nativeでテキストエディタを作ってみる！【細かい修正編】

async function convertImage(html) {
    // imgタグの取得
    const imageTag = /(<img src=)["|'](.*?)["|']+/gi
    const imageTagList = html.match(imageTag)

    // imgタグがあるとき
    if (imageTagList.length != 0) {
        let imageSrcList = []
        // imgタグを削除してsrcを取り出す
        imageTagList.forEach(imageTag => {
            const imageSrc = imageTag.replace(/<img src=["|'](.*?)["|']+/i, "$1")
            imageSrcList.push(rc)
        })

        // base64に置換が必要なsrcリスト
        let needReaplace_imageSrcList = [...imageSrcList]

        // base64に置換不要なsrcを取り除く
        allowImageHandlers.forEach(imageHandler => {
            needReaplace_imageSrcList =
                needReaplace_imageSrcList
                    .filter(rc => { return filterByImageHandler(rc, imageHandler) })
        })


        // base64に置換が必要なsrcリストをbase64に変換

        for (const imageSrc of needReaplace_imageSrcList) {
            let before_imageSrc = imageSrc
            let imageUri = imagePickerUri + imageSrc
            let after_imageSrc = ''

            needAddHeaderImageHandlers.forEach(imageHandler => {
                const matchData = imageSrc.match(imageHandler)
                if (!!matchData) {
                    imageUri = localDefaltImageHandler + { ...matchData }.input
                }
            })

            const matchData = imageSrc.match(localDefaltImageHandler)
            if (!!matchData) {
                imageUri = { ...matchData }.input
            }

            const ext = imageUri.match(/.*\.(.*$)/)[1].toLowerCase()
            const fileType = ext == 'jpeg' ? 'jpg' : ext

            after_imageSrc =
                `data:image/${fileType};base64,` +
                await FileSystem.readAsStringAsync(imageUri, { encoding: FileSystem.EncodingType.Base64 })

            html = html.replace(before_imageSrc, after_imageSrc)

        }

        const imgStyle = `<img style="max-width:20%;max-height;50%;"`

        html = html.replace(/<img /g, imgStyle)
    }
    return html
}

function toArrayText(){
  const ArrayText = text.split(/(!\[.*\]\(.*\))/)
  return ArrayText
}

// 省略
{toArrayText().map(e=>{
  return <Markdown>{e}</Markdown>
})}