渲染HTML元素上的WebView为EPUB阅读器 [英] Render Html Elements on WebView for EPub Reader

问题描述

我在做一个EPUB阅读器与保罗Siegmann HTTP的库：//www.siegmann。 NL / epublib / Android的

I'm making an EPub Reader with the the library from Paul Siegmann http://www.siegmann.nl/epublib/android

我提取目录表成的ListView ，并且该项目被链接到的WebView 其中显示所选择的一章内容。

I extracted the Table of Contents into a ListView, and the item is linked to a WebView which displays the content of the chosen chapter.

我不觉得在显示它只有纯文本元素E-酒吧文件的任何问题，但是当涉及到​​包含HTML元素（如链接，图像）的E-酒吧文件，它无法显示。

I don't find any problem in displaying E-Pub file which only has pure text elements, but when it comes to an E-Pub file containing Html elements (links, images), it can't be displayed.

有谁知道如何根据我的情况上呈现的WebView的HTML元素？

Does anybody know how to render Html elements on WebView according to my case?

下面是我的类：

public class EPubReaderActivity extends ListActivity 
{

private LayoutInflater inflater;
private List<RowData> contentDetails;
public static final String BOOK_NAME = "ferring.epub";

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    inflater = (LayoutInflater) getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
    contentDetails = new ArrayList<RowData>();
    AssetManager assetManager = getAssets();
    try {
        InputStream epubInputStream = assetManager.open(BOOK_NAME);
        Book book = (new EpubReader()).readEpub(epubInputStream);
        logContentsTable(book.getTableOfContents().getTocReferences(), 0);
    } catch (IOException e) {
        Log.e("epublib", e.getMessage());
    }

    CustomAdapter adapter = new CustomAdapter(this, R.layout.list,
            R.id.title, contentDetails);
    setListAdapter(adapter);
    getListView().setTextFilterEnabled(true);
}

private class CustomAdapter extends ArrayAdapter<RowData>{

    public CustomAdapter(Context context, int resource,
            int textViewResourceId, List<RowData> objects) {
        super(context, resource, textViewResourceId, objects);
    }

    private class ViewHolder{
        private View row;
        private TextView titleHolder = null;

        public ViewHolder(View row) {
            super();
            this.row = row;
        }

        public TextView getTitle() {
            if(null == titleHolder)
                titleHolder = (TextView) row.findViewById(R.id.title);
            return titleHolder;
        }
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        TextView title = null;
        RowData rowData = getItem(position);
        if(null == convertView){
            convertView = inflater.inflate(R.layout.list, null);
            holder = new ViewHolder(convertView);
            convertView.setTag(holder);
        }
        holder = (ViewHolder) convertView.getTag();
        title = holder.getTitle();
        title.setText(rowData.getTitle());
        return convertView;
    }

}

private void logContentsTable(List<TOCReference> tocReferences, int depth) {
    if (tocReferences == null) {
        return;
    }
    for (TOCReference tocReference:tocReferences) {
        StringBuilder tocString = new StringBuilder();
        for (int i = 0; i < depth; i++) {
            tocString.append("\t");
        }
        tocString.append(tocReference.getTitle());
        RowData row = new RowData();
        row.setTitle(tocString.toString());
        row.setResource(tocReference.getResource());
        contentDetails.add(row);
        logContentsTable(tocReference.getChildren(), depth + 1);
    }
}

private class RowData{
    private String title;
    private Resource resource;

    public RowData() {
        super();
    }

    public String getTitle() {
        return title;
    }

    public Resource getResource() {
        return resource;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public void setResource(Resource resource) {
        this.resource = resource;
    }

}



@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
    super.onListItemClick(l, v, position, id);
    RowData rowData = contentDetails.get(position);
    Intent intent = new Intent(EPubReaderActivity.this, ContentViewActivity.class);
    try {
        intent.putExtra("display", new String(rowData.getResource().getData()));
    } catch (IOException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }
    startActivity(intent);

}

}

内容类：

public class ContentViewActivity extends Activity {

WebView webView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.content);

    webView = (WebView) findViewById(R.id.web);
    webView.getSettings().setJavaScriptEnabled(true);

    String displayString = getIntent().getExtras().getString("display");
    if(displayString != null)
        webView.loadData(displayString, "text/html", "utf-8");
}   
}

PS：我不想使用PageTurner（http://www.pageturner-reader.org/）或的FBReader（http://www.fbreader.org/FBReaderJ），因为他们都需要GPL许可证商业用途。

P.S: I don't wanna use PageTurner (http://www.pageturner-reader.org/) or FBReader (http://www.fbreader.org/FBReaderJ), since both of them need GPL license for commercial use.

推荐答案

其实，PageTurner的HTML呈现部分被剥离到这是Apache许可证独立的库。

Actually, the Html-rendering part of PageTurner is split off into a separate library which is Apache licensed.

我特意这样做，因为我想这将是商业项目也非常有用。

I specifically did that since I figured it would be useful for commercial projects as well.

渲染库是在这里：
http://github.com/nightwhistler/htmlspanner

这篇关于渲染HTML元素上的WebView为EPUB阅读器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！