mergelyのlineWrappingオプションが使えた

mergelyのlineWrappingオプションを設定すると、下のキャプチャのように、設定された幅でテキストが折り返してくれます。行番号を表示しているので、2行になっても大丈夫です。
これで横スクロール問題は解決ですね。

下記のように、cmsettingsのところに、lineWrapping: trueを入れると有効になります。

function answer() {
	$('#buttonAnswer').prop('disabled', true);
	$('#compare').mergely({
		cmsettings: { readOnly: true, lineNumbers: true, lineWrapping: true },
		lhs: function(setValue) {
			setValue($('#textarea1').val());
		},
		rhs: function(setValue) {
			setValue(/*[[ ${question.answerText} ]]*/);
		}
	});
	$('#compareResult').show();
}