[英]How to convert text with new lines into JavaScript new lines using Smarty
我有一個正在使用的SugarCRM模塊中使用Smart的模板。
下面是有問題的代碼,它基本上遍歷了一個PHP Array,並為每個Array Item調用了JavaScript函數...
{foreach from=$TASKS key=key item=task}
add_task_row("{$task.task_id}","{$ID}","{$task.name}","{$task.description}","{$task.status}","{$task.priority}","{$task.type}","{$task.sort_order}","{$task.heading}");
{/foreach}
這是上面顯示的JavaScript函數...
function add_task_row(taskid,projectid,name,description,status,priority,type,sort,heading){
var ii = document.getElementById("project_tasks");
var num = document.getElementById("tasks_count").value;
// If TaskID is EMPTY, then assign it a new one from the row count
var taskIDTimeStamp = new Date().getTime();
//console.log('ID1: '+id);
if(taskid){
var taskid = taskid;
}else{
var taskid = taskIDTimeStamp;
}
num++;
//var prioritySelHtml = createOptions(priority);
var e = document.createElement("div");
e.setAttribute('id','task_'+num);
e.setAttribute('class','task_row');
e.innerHTML = '<span class="handle"></span>';
e.innerHTML += '<input name="taskid_'+num+'" id="taskid_'+num+'" size=15 type="hidden" value="'+taskid+'">';
e.innerHTML += '<input name="projectid_'+num+'" id="projectid_'+num+'" size=15 type="hidden" value="'+projectid+'">';
e.innerHTML += '<input name="sort_order_'+num+'" id="sort_order_'+num+'" class="sort_order" size=15 type="hidden" value="'+sort+'">';
e.innerHTML += '<input name="heading_'+num+'" id="heading_'+num+'" class="heading" size=15 type="hidden" value="'+heading+'">';
if(heading == 1){
// Add a Task Heading
e.innerHTML += '<input name="name_'+num+'" id="name_'+num+'" class="task-heading" size=45 type="text" value="'+name+'" placeholder="Type a Project Task List Heading Here...">';
e.innerHTML += '<div style="display:none; float: left; width: 400px;"><textarea name="description_'+num+'" id="description_'+num+'" rows="4" cols="50">'+description+'</textarea></div>';
e.innerHTML += '<div style="display:none; float: left; width: 100px;"><select name="status_'+num+'" id="status_'+num+'" class="status">'+buildFormSelection(statusArray, status)+'</select></div>';
e.innerHTML += '<div style="display:none; float: left; width: 90px;"><select name="priority_'+num+'" id="priority_'+num+'" class="priority">'+buildFormSelection(prioritiesArray, priority)+'</select></div>';
e.innerHTML += '<div style="display:none; float: left; width: 100px;"><select name="type_'+num+'" id="type_'+num+'" class="type">'+buildFormSelection(typesArray, type)+'</select></div>';
}else{
// Add a Task
e.innerHTML += '<input name="name_'+num+'" id="name_'+num+'" size=45 type="text" value="'+name+'">';
//e.innerHTML += '<input name="description_'+num+'" id="description_'+num+'" size=45 type="text" value="'+description+'">';
e.innerHTML += '<textarea name="description_'+num+'" id="description_'+num+'" class="edit_description" rows="1" cols="50">'+description+'</textarea>';
e.innerHTML += '<select name="status_'+num+'" id="status_'+num+'" class="status">'+buildFormSelection(statusArray, status)+'</select>';
e.innerHTML += '<select name="priority_'+num+'" id="priority_'+num+'" class="priority">'+buildFormSelection(prioritiesArray, priority)+'</select>';
e.innerHTML += '<select name="type_'+num+'" id="type_'+num+'" class="type">'+buildFormSelection(typesArray, type)+'</select>';
}
//e.innerHTML += '<button type="button" onclick="remove_item_row('+num+')"><img src="index.php?entryPoint=getImage&imageName=id-ff-clear.png"></button>';
e.innerHTML += '<button type="button" onclick="remove_item_row('+num+')"><img src="./modules/apoll_Web_Projects/assets/images/cross.png"></button>';
e.innerHTML += '<br style="clear:both;">';
document.getElementById("tasks_count").value = num;
ii.appendChild(e);
}
每次調用我的JavaScript函數add_task_row()
,它都會在DOM中插入一個新的Project Tasks Div,並在每一行中填充表單字段。
這在大多數情況下都有效,但是我只是將一個不同的值保存到數據庫中,現在當它加載該值時,它會導致JavaScript錯誤,如下所示: Uncaught SyntaxError: Unexpected token ILLEGAL
當我查看頁面源代碼時,我可以看到它是1條數據庫記錄,導致我的源代碼出現了問題。...
add_task_row("1411445999407","205e34c6-7381-92eb-e6ab-54125429cd2a","ghjfghjh","dfg dhfjhg dfgosdjkfgosdfk hgdjfhdhikfgj gsidgisfdgh
fh
dfgh
d tgh
tgj
hfghj
fg hjgh0dgoh igkoiiuwidth: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;width: 679px;","In Progress","Low","Other","3","0");
因此,在上面的代碼中,您可以看到由於某種原因,此長數據庫值未包裝在Quotes中。
知道如何解決僅在DB值看起來像特殊字符時才會發生的此問題嗎?
UPDATE ,經過進一步檢查,我發現long值包裝在Quotes中,並且經過更多測試,不是特殊字符引起了問題,而是換行了!
add_task_row("1411445999407","205e34c6-7381-92eb-e6ab-54125429cd2a","ghjfghjh","gdf;dgdfdfg 679px;width: 679px;width: 679px;
dsgdfgsdfg
dfgsdfgsdfg
dfgsdfg","In Progress","Low","Other","3","0");
關於如何使用這些換行符制作字符串的任何想法都不會導致JavaScript錯誤?
這是將JavaScript字符串放入源代碼的方式。 您不能簡單地轉到新行。
例如下面的代碼正在工作
alert('1 2 3 4');
但是以下內容卻沒有:
alert('1
2 3 4');
並且以下再次起作用:
alert('1' +
'2 3 4');
如果要在Smarty中進行任何更改,可以通過以下方式進行:
{assign var="string" value="1
2
3
4"}
<script>
alert ("{$string|replace:array("\n","\r"):array(' ', '')}");
</script>
使用replace
修飾符,您可以將\\r
和\\n
更改為空格-內容更改很小,但是如果您不在乎,它應該可以工作。
另一種解決方案是將新行結尾轉換為純\\n
字符串,從而使JavaScript將其視為新行,因此可以將上述示例更改為:
{assign var="string" value="1
2
3
4"}
<script>
alert ("{$string|replace:array("\n","\r"):array('\n', '\n')}");
</script>
現在處於警戒狀態,您將顯示新行。
因此,在您的情況下,您可能應該更改行:
add_task_row("{$task.task_id}","{$ID}","{$task.name}","{$task.description}","{$task.status}","{$task.priority}","{$task.type}","{$task.sort_order}","{$task.heading}");
成
add_task_row("{$task.task_id}","{$ID}","{$task.name}","{$task.description|replace:array("\n","\r"):array('\n', '\n')}","{$task.status}","{$task.priority}","{$task.type}","{$task.sort_order}","{$task.heading}");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.