手册版本 V5.0

转换介绍

说明 :
此功能为旧版本，仅为老用户保留，新的转换源码（ php 和 go 语言 ）请加入 GraceUI 付费用户群获取。

01. 此页面以 php 为例 [ 其他后端语言原理类似 ]，演示了如何将 GraceUI 编辑器产生的项目转换为 html 内容，最终保存至数据库内；
02. 项目实际使用流程 :
02.1 前端提交内容 :
前端编辑器产生内容项目 > 转换为 Json 格式发送给后端 api > 后端将其转换为 html 保存至数据库 ( 可以直接赋值给 ueditor 编辑器进行编辑 ) ;
02.2 后端提交内容
后端使用编辑器 ( 如 : ueditor ) 生成内容 > 使用我们提供的 解析器 ( http://www.graceui.com/v5/info/10101-100.html ) 解析给前端进行内容展示；

php 版本演示代码

<?php
// 后端 api 接收到前端编辑器传递的文章详情内容
$content = '[{"type":"txt","content":"文本","focusin":false},{"type":"center","content":"居中","focusin":false},{"type":"quote","content":"引用","focusin":false},{"type":"strong","content":"加粗","focusin":false},{"type":"link","content":"连接","focusin":false},{"type":"spline","content":"","focusin":false}]';
// 将数据转换成 html
$content = json_decode($content, true);
$htmlContent = '';
foreach ($content as $item){
    switch ($item['type']){
            case "h3":
                    $htmlContent .= '<h3>'.$item['content'].'</h3>';
                    break;
        case "text":
            $htmlContent .= '<p>'.$item['content'].'</p>';
            break;

                case "txt":
                        $htmlContent .= '<p>'.$item['content'].'</p>';
                        break;
                case "code":
                        $htmlContent .= '<pre>'.$item['content'].'</pre>';
                        break;
        case "center":
            $htmlContent .= '<center>'.$item['content'].'</center>';
            break;
        case "quote":
            $htmlContent .= '<blockquote>'.$item['content'].'</blockquote>';
            break;
        case "strong":
            $htmlContent .= '<strong>'.$item['content'].'</strong>';
            break;
        case "link":
            $htmlContent .= '<p><a href="'.$item['content'].'" target="_blank">'.$item['content'].'</a><p>';
            break;
        case "spline":
            $htmlContent .= '<p><hr /><p>';
            break;
        case "img":
            $htmlContent .= '<img src="'.$item['content'].'" />';
            break;
    }
}
// 将转换后的内容保存至数据库
echo $htmlContent;
?>