富文本编辑器存储内容还原

0 0

富文本编辑器存储内容还原5

使用wysiwyg编辑器，把数据保存到数据库中了，然后想回显回来，结果只能看到html代码的字符串。前辈们，谁知道怎么解决啊。谢谢！

例如：
保存前
--------------------------------------------
这是怎么回事？

求解！！

保存后显示时
-------------------------------------------------
这是怎么回事？<div><br></div><div>求解！！</div>

图片也只是显示地址和内容。

编辑器保存后回显问题

2014年4月24日 18:10

小菜鸟蜕变之路
22
0 0 5

5个答案按时间排序按投票排序

0 0

看看你保存的内容是什么，一般富文本编辑器保存的时候保存的是html代码。而我们再要把这些内容回显到编辑器中时，一般都调用的是编辑器的本身的方法，比如“editor.setContent(content)”。而这时content是HTML代码（含有大量的单引号和双引号），会造成代码混淆。所以一般把从库里读出来的HTML代码进行一下Unicode编码，然后把编码后的值赋给编辑器。

简单示例一下，在jsp页面上：

 
<% 
Article article = (ArticleDto)request.getAttribute("article");
String content = (article == null) ? "" : article.getContent();
content = UnicodeFormatter.toString(content);
%>

<script type="text/javascript">
 editor.setContent(con);
</script>

这只是一段伪代码。

UnicodeFormatter类的代码给你参考：

public class UnicodeFormatter {
	private static Logger log = LoggerFactory.getLogger(UnicodeFormatter.class);

	/** Unicode编码前缀 */
	private static final String _UNICODE_PREFIX = "\\u";

	/** 十六进制字符 */
	private static final char[] _HEX_DIGITS = { '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f' };

	/**
	 * 将一个byte转成十六进制格式的字符串
	 * 
	 * @param b
	 * @return
	 */
	public static String byteToHex(byte b) {
		char[] array = { _HEX_DIGITS[(b >> 4) & 0x0f], _HEX_DIGITS[b & 0x0f] };

		return new String(array);
	}

	/**
	 * 将一个普通字符转为十六进制格式的字符串
	 * 
	 * @param c
	 * @return
	 */
	public static String charToHex(char c) {
		byte hi = (byte) (c >>> 8);
		byte lo = (byte) (c & 0xff);

		char[] array = { _HEX_DIGITS[(hi >> 4) & 0x0f], _HEX_DIGITS[hi & 0x0f], _HEX_DIGITS[(lo >> 4) & 0x0f],
				_HEX_DIGITS[lo & 0x0f] };

		return new String(array);
	}

	/**
	 * 将Unicode编码的字符串解析成普通格式字符串
	 * 
	 * @param hexString
	 * @return
	 */
	public static String parseString(String hexString) {
		StringBuilder sb = new StringBuilder();

		char[] array = hexString.toCharArray();

		if ((array.length % 6) != 0) {
			log.error("String is not in hex format");

			return hexString;
		}

		for (int i = 2; i < hexString.length(); i = i + 6) {
			String s = hexString.substring(i, i + 4);

			try {
				char c = (char) Integer.parseInt(s, 16);

				sb.append(c);
			} catch (Exception e) {
				log.error("Parse error, " + e);

				return hexString;
			}
		}

		return sb.toString();
	}

	/**
	 * 字符数组转为转成Unicode编码的字符串
	 * 
	 * @param array
	 * @return
	 */
	public static String toString(char[] array) {
		StringBuilder sb = new StringBuilder(array.length * 6);

		char[] hexes = new char[4];

		for (int i = 0; i < array.length; i++) {
			sb.append(_UNICODE_PREFIX);
			sb.append(_charToHex(array[i], hexes));
		}

		return sb.toString();
	}

	/**
	 * 将字符串转成Unicode编码的字符串
	 * 
	 * @param s
	 * @return
	 */
	public static String toString(String s) {
		if (s == null) {
			return null;
		}

		StringBuilder sb = new StringBuilder(s.length() * 6);

		char[] hexes = new char[4];

		for (int i = 0; i < s.length(); i++) {
			sb.append(_UNICODE_PREFIX);
			sb.append(_charToHex(s.charAt(i), hexes));
		}

		return sb.toString();
	}

	// char在java中是2个字节。java采用unicode，2个字节（16位）来表示一个字符。
	private static char[] _charToHex(char c, char[] hexes) {
		byte hi = (byte) (c >>> 8);
		byte lo = (byte) (c & 0xff);

		hexes[0] = _HEX_DIGITS[(hi >> 4) & 0x0f];
		hexes[1] = _HEX_DIGITS[hi & 0x0f];
		hexes[2] = _HEX_DIGITS[(lo >> 4) & 0x0f];
		hexes[3] = _HEX_DIGITS[lo & 0x0f];

		return hexes;
	}

	public static void main(String[] args) {
		String test = "abc123@汉字αβあにキКЖ÷⑥";

		String u = UnicodeFormatter.toString(test);
		System.out.println(u);
		System.out.println(UnicodeFormatter.parseString(u));
		System.out.println(UnicodeFormatter.toString("\n"));
	}

}

2014年4月27日 15:34

jjb_bobby
32
0 0 1